单击相同的li幻灯片无法正常工作

时间:2013-06-19 10:40:16

标签: jquery

点击相同的li幻灯片无法正常工作。

jQuery(".left_navigation ul li li, .subnav_title").live('click', function (event){
    event.stopImmediatePropagation();
    })
    jQuery(".left_navigation ul li").live('click', function (){ 
      jQuery(".left_navigation ul li").removeClass("active");  
      jQuery(".sub_nav").slideUp("50");
      jQuery(this).find(".sub_nav").stop(true, true).slideToggle("50"); 
      jQuery(this).addClass("active");
      jQuery(".left_navigation ul li a").removeClass("active"); 
      jQuery(this).children("a").addClass("active"); 

    });

在这里,您可以找到jsfiddle

上的代码

2 个答案:

答案 0 :(得分:0)

嘿,你正在使用滑动切换,这意味着它将在关闭时打开,在打开时关闭。但你也有

jQuery(".sub_nav").stop(true, true).slideUp("fast");

如此有效地向上滑动然后翻转再打开它

删除它,一切似乎都有效。

请参阅 http://jsfiddle.net/dsp6X/5/

答案 1 :(得分:0)

更新您的代码行:

jQuery(this).find(".sub_nav").stop(true, true).slideToggle("50"); 

到此:

jQuery(this).find(".sub_nav").stop(true, false).slideToggle("50");