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;}

的Javascript

$(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

FIDDLE

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

使用.next()和.prev()。假设您要切换下一个和前一个元素

显示/隐藏个人分区的简单方法？

1 个答案: