问一个问题

Question

<script>
$(document).ready(function(){
$('.upfold').click(function(){
    $('div.sl').find('div#upfoldsort').toggle();});
});

</script>
<div class="sl">
<a href="#" class="upfold">AAA</a>
<div id="upfoldsort">333</div>
</div>
<div class="sl2">
<a href="#" class="upfold">BBB</a>
<div id="upfoldsort">444</div>
</div>
怎么做到点击一个显示一个。就是我点击AAA的时候显示隐藏333  点击BBB的时候显示隐藏BBB

Answer 1

就是不要一次过显示隐藏在特定标签内执行
我试过NEXT，但是都一直显示隐藏第二个

Answer 2

<script>
$(document).ready(function(){
$('.upfold').click(function(){
    $(this).parent().find('div#upfoldsort').toggle();});
});
    
</script>

Answer 3

对了，可以了
但是如果我差多一个标签，又不可以了<div class="sl">
<ul>
<li><a href="#" class="upfold">显示</a></li>
</ul>
<div id="upfoldsort">333</div>
</div>
<div class="sl2">
<a href="#" class="upfold">显示2</a>
<div id="upfoldsort">444</div>
</div>

Answer 4

对了，可以了，但是我加多一个标签又不可以了<div class="sl">
<ul>
<li><a href="#" class="upfold">显示</a></li>
</ul>
<div id="upfoldsort">333</div>
</div>
<div class="sl2">
<a href="#" class="upfold">显示2</a>
<div id="upfoldsort">444</div>
</div>

Answer 5

当然了，现在你的parent（）是<li>不是<div class="s1">

Answer 6

就是要找到最顶层的DIV实现效果那如何做到在那个情况下，实现效果呢？

Answer 7

这个要根据你的dom结构来做的，因为用的类选择器会操作多个对象。估计这样比较方便了，其他方法要靠大神们解决了~~