CODEWITHSUNDEEP
jqueryhoverjquery-animate
benhowdle89
benhowdle89

Reputation: 37504

Jquery animate problem

This has code below has broken the jQuery:

$('.tabs li a').animate({
                height: '40'
              }, 1000, function() {
                // Animation complete.
              });

              $('#tabs-wrap').animate({
                marginTop: '-=147'
              }, 1000, function() {
                // Animation complete.
              });

              $('tabs li a').hover(function(){
                  $('tabs li a').animate({
                    height: '100'}, 1000, function(){
                          $('#tabs-wrap').animate({
                                marginTop: '+=147'
                            }, 1000, function(){

                      });
                  });
                }, function(){
                  $('tabs li a').animate({
                    height: '40'}, 1000, function(){
                          $('#tabs-wrap').animate({
                                marginTop: '-=147'
                            }, 1000, function(){

                      });
                  });  
              });

I know it looks a mess, sorry!

Can anyone spot whats going wrong?

Upvotes: 0

Views: 144

Answers (1)

Fake51
Fake51

Reputation: 525

$('tabs li a') lacks a '.' to mark tabs as a class. That's one error - might be more.

Do us/yourself a favor and format the code properly before posting next time.

Upvotes: 1

Related Questions