2013-08-06 156 views
0

我想在this當標籤向上滑動刪除類主動和開放式選項卡中添加活動類jQuery的手風琴點擊切換類

$(document).ready(function(){ 
      $("#accordian li h3").click(function(){ 
       //slide up all the link lists 
       $("#accordian ul .row").slideUp(); 
       //slide down the link list below the h3 clicked - only if its closed 
       if(!$(this).next().is(":visible")) 
       { 
        $(this).next().slideDown(); 

       } 
      }) 
     }) 

回答

1
$(document).ready(function() { 
    $("#accordian li h3").click(function() { 
     var $parent = $(this).parent(); 
     if ($parent.hasClass('active')) return; 
     //slide up all the link lists 
     $("#accordian ul .row").slideUp(); 
     $(this).next().slideDown(function() { 
      $parent.addClass('active').siblings().removeClass('active'); 
     }); 
    }) 
}) 

DEMO

+0

看看這個http://jsfiddle.net/mA97v/ 我把一些投入,但是當我點擊第二次了slideDown不顯示 – nikospap

+0

你嵌套的主要DIV中一些div類行類行,你不應該:http://jsfiddle.net/mA97v/1/ –

+0

謝謝你很糊我的朋友 – nikospap

1

像這樣的事情?

$(this).parent().addClass('active').siblings().removeClass('active'); 

DEMO

1

首先刪除所有活動類。然後添加到當前點擊的人的。 Demo: Accordion

$('#accordian li').removeClass('active'); 
$(this).parent('li').addClass('active');