只有1个div切换状态jQuery（关闭其他人）

我目前正在使用fadeToggle来显示/隐藏某些元素，我在这里得到的东西似乎很好地完成了这项工作！当在li元素中单击一个span元素时，它会淡化位于li元素内部的下一个div。相当漂亮，我会说！只有1个div切换状态jQuery（关闭其他人）

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.toggle_hide').hide(); 

     $("#background_absolute_content li span").css('cursor', 'pointer').click(function(){ 
      $(this).next("div").fadeToggle(200); 
     }); 
    }); 
</script>

但ofcourse有八方通东西，你刚才似乎无法弄清楚！

我只想要一个div被切换，目前他们不会在下一个跨度后关闭，在这里您可以看到该网站。如果您点击“now compatible”行旁边的linkedin和facebook图标，您会看到我的意思。

那么有一种方法可以在单击下一个跨度时关闭div。

注意我用这个方法藏汉上右上角的图标配置。

来源

2011-08-20 Peter Boomsma

我从来没有切换命令的粉丝。我通常手动淡出/淡入...

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.toggle_hide').hide(); 

     $("#background_absolute_content li span").css('cursor', 'pointer').click(function(){ 
      var $this = $(this); 
      $('.toggle_hide').fadeOut(200, function(){ 
       $this.next("div").fadeIn(200); 
      }); 
     }); 
    }); 
</script>

来源

2011-08-20 01:49:00 gislikonrad

不错。平滑过渡而不是** POOF **，不再有div。荣誉。 :) –

np ...记得设置为接受...;） – gislikonrad

哈。不是我的问题，或者我会的。：D –

假设一个快速而脏的修复方法是在显示与点击相关的方法之前调用隐藏方法。插入你的方法：

$('.toggle_hide').hide();

打电话之前：

$(this).next("div").fadeToggle(200);

来源

2011-08-20 01:46:52

只有1个div切换状态jQuery（关闭其他人）

回答

相关问题