Question

所以我一直试图找到一种方法来隐藏列表项的所有兄弟，除了被点击的兄弟。但是，单击列表项的兄弟节点应该切换。

我的代码：

HTML

<li class="sample">
   <div class="simple"></div>
   <div class="details"></div>
</li>
<li class="sample">
   <div class="simple"></div>
   <div class="details"></div>
</li>

的jQuery

$('.simple').click(function(){
$('.simple').not(this).siblings('.details').hide();
$(this).siblings('.details').toggle();
});

似乎无法使这项工作成为点击列表项的兄弟姐妹似乎消失并重新出现？

希望你能帮忙！

感谢

菲尔

Answer 1

而不是toggle()，请使用show()：

＆＃13;

undefined method 'to_model' for #<ImageUploader:0x0000000c35f4d8>

＆＃13;

$('.simple').click(function(){
    $('.simple').not($(this)).siblings('.details').hide();
    $(this).siblings('.details').show();
});

＆＃13;

.simple,
.details {
   display: block;
      height: 100px;
 }
 
 .simple {
   background: #ff00ff;
 }
 
 .details {
   background: blue;
 }

＆＃13;

Jquery隐藏了所有li的兄弟姐妹，但是点击了那个人的兄弟姐妹

1 个答案: