顯示/隱藏個人Divs的簡便方法？

Question

在我的網站中，每當您單擊一個div時，它們就會切換，如js小提琴所示： my fiddle 。

HTML

<body>

<div class="class1">Div 1</div>
<div class="class2">Div 2</div>

<div class="class1">Div 3</div>
<div class="class2">Div 4</div>

<div class="class1">Div 5</div>
<div class="class2">Div 6</div>

<div class="class1">Div 7</div>
<div class="class2">Div 8</div>

</body>

Lil CSS

.class2{display: none;}

Java腳本

$(document).ready(function(){
$(".class1").click(function(){
    $(".class2").show();
    $(".class1").hide();
});
$(".class2").click(function(){
    $(".class1").show();
    $(".class2").hide();
});
});

現在我想要它，以便當我單擊一個Div時，例如顯示Div 1，Div 2出現，但是與js小提琴不同，我希望它不顯示Divs 4、6和8。 我知道我可以通過為每個div分配一個唯一的類或ID來做到這一點，但這會花費很多時間，因為我正在使用100 div。 如果有任何簡單的方法，只需單擊一個div並與另一個div切換，而其余所有部分也不切換。 謝謝你的幫助！

Answer 1

小提琴

$(document).ready(function(){
    $(".class1").click(function(){
        $(this).toggle();
        $(this).next().toggle();
    });
    $(".class2").click(function(){
        $(this).toggle();
        $(this).prev().toggle();
    });
});

使用.next()和.prev() 。 假設您要切換下一個和上一個元素

顯示/隱藏個人Divs的簡便方法？

問題描述

1 個解決方案

解決方案1
0 已采納 2015-09-11 02:41:05

顯示/隱藏個人Divs的簡便方法？

問題描述

1 個解決方案

解決方案1 0 已采納 2015-09-11 02:41:05

解決方案1
0 已采納 2015-09-11 02:41:05