Revision 35737d00

b/ui/templates/home.html
93 93
        
94 94
        // what is working
95 95
        $("#arrow").click(function(event){
96
            var primary = $("ul.css-tabs li a.primary");
97
            var secondary = $("ul.css-tabs li a.secondary");
98
            var all = $("ul.css-tabs li a");
99

  
96 100
            $("ul.css-tabs li a.current").removeClass("current");
97
            $("ul.css-tabs li a").animate({top:'30px'}, {complete: function() { 
101
            all.animate({top:'30px'}, {complete: function() { 
98 102
                $(this).hide(); 
99
                $("ul.css-tabs li a.secondary").show();
100
                $("ul.css-tabs li a.secondary").animate({top:'9px'}, {complete: function() {
103
                secondary.show();
104
                secondary.animate({top:'9px'}, {complete: function() {
101 105
                     $("ul.css-tabs li a.secondary#files").addClass("current");
102 106
                }});            
103 107
            }});
108

  
104 109
            var state = false;
110

  
105 111
            $(this).rotate({animateAngle: (-180), bind:[{
106 112
                "click":function(){
107 113
                    if (state) {
108 114
                        $(this).rotateAnimation(-180);
109 115
                        $("ul.css-tabs li a.current").removeClass("current");
110
                        $("ul.css-tabs li a").animate({top:'30px'}, {complete: function() { 
116
                        all.animate({top:'30px'}, {complete: function() { 
111 117
                            $(this).hide(); 
112
                            $("ul.css-tabs li a.secondary").show();
113
                            $("ul.css-tabs li a.secondary").animate({top:'9px'}, {complete: function() {
118
                            secondary.show();
119
                            secondary.animate({top:'9px'}, {complete: function() {
114 120
                                 $("ul.css-tabs li a.secondary#files").addClass("current");
115 121
                            }});            
116 122
                        }});
......
119 125
                    else {
120 126
                       $(this).rotateAnimation(0);
121 127
                        $("ul.css-tabs li a.current").removeClass("current");
122
                        $("ul.css-tabs li a").animate({top:'30px'}, {complete: function() { 
128
                        all.animate({top:'30px'}, {complete: function() { 
123 129
                            $(this).hide(); 
124
                            $("ul.css-tabs li a.primary").show();
125
                            $("ul.css-tabs li a.primary").animate({top:'9px'}, {complete: function() {
130
                            primary.show();
131
                            primary.animate({top:'9px'}, {complete: function() {
126 132
                                 $("ul.css-tabs li a.primary#machines").addClass("current");
127 133
                            }});            
128 134
                        }});

Also available in: Unified diff