2012-01-21 16 views
-5

"約"または "連絡先"リンクがクリックされるたびに.thumb<div>を非表示にするif/else文を記述しようとしています。 .thumb<div>のすべてをスライドさせてください。 /他statementsIはあなたが与えることができる任意のヘルプははるかに高く評価されるだろう、右の構文を理解するように見えるカント場合if/else文

http://dl.dropbox.com/u/14080718/Final/UITabs15.html

私は多くの経験の書き込みを持っていません。

 $(function(){ 
    $('.thumb').hide(); 

    $('.subnav').click(function(){ 
     var $menuelement = $('.thumb').eq($(this).closest("li").index());//find the matching nth element in the menu 
     if($menuelement.hasClass('active')){//if clicked element is already expanded 

      $menuelement.removeClass('active').slideUp();//remove the active class and hide it 

     } else {//otherwise,clicked element is not already expanded... 

     if ($('.active').length>0) {//...but another element is expanded 
      $('.active').removeClass('active').slideUp(function(){ 
       $menuelement.addClass('active').slideDown();//add the active class and show it 
      }); 

      } else {//another element is not expanded 

      $menuelement.addClass('active').slideDown();//add the active class and show it 

      } 
     } 
    }); 

    }); 
+7

ソースコードを質問に投稿してください。 – deceze

+1

あなたの質問に試したコードのいくつかを追加できますか? – ThinkingStiff

+0

jQueryは言語ではありません。 – Ryan

答えて

0

私はそれは孤立したビットだから、これをしようとするが、以下の(あるいは、少なくとも、次のアイデアを)試すことができません。あなたのリンクに実際に投稿したコードは含まれていなかったので、私は混乱しました。それでも問題が解決しない場合は、コードをjsfiddleに投稿してみてください。

あなたの($( '。active')。長さ> 0)ステートメントは> 0の部分を必要としません。ゼロでない長さはすべてtrueを返します。

$(function(){ 
     $('.thumb').hide(); 
     $('.subnav').click(function(){ 
      var menuelement = $('.thumb').eq($(this).closest("li").index());//find the matching nth element in the menu 
      $(menuelement).toggleClass('active').slideToggle(); 
      $('.active').not(menuelement).removeClass('active').slideUp(); 
     }); 
});