2013-08-06 115 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');