只有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（關閉其他人）

回答

相關問題