javascript - onclick 事件切换在不同 div 中存在超过 1 个的 div

Question

我将我的代码上传到 jsfiddle:

https://jsfiddle.net/r26q9ssu/当我点击

时，我试图切换 div.que-answer

div.pull-left.circle.sh-answer

    $("div.question div.sh-answer").click(function(){
    $(this).find("div.que-answer").show();
});

如果你能看到有一个名为 question 的多个 div，我不记得该怎么做，我有点生疏。

Answer 1

您应该使用 $(this).parent().next() 代替 DEMO

$("div.question div.sh-answer").click(function() {
  $(this).parent().next("div.que-answer").toggle();
});

此外，如果你想隐藏 sibling 并添加幻灯片效果，你可以这样做 DEMO

$("div.question div.sh-answer").click(function() {
  $(this).parent().next("div.que-answer").slideToggle();
  $("div.que-answer").not($(this).parent().next("div.que-answer")).slideUp();
});