jQuery显示/隐藏下一个div

如何显示/隐藏下一个div？以下代码有效：

jQuery(".edittopic").click(function() { jQuery(this).next(".t_edit_cont").toggle(); });

…仅当t_edit_cont div位于edittopic按钮后面edittopic 。目前，我将它们放在单独的DIV中，如下所示：

   
  Show hide content inside here...

我怎样才能做到这一点？ jsfiddle演示。

您可以使用parent()将jQuery指向正确的路径：

 jQuery(this).parent().next(".t_edit_cont").toggle();

然而，一种更清晰，更可靠的方法是将点击的按钮和div以某种方式相关联。

例如（使用data-属性）：

   Show hide content inside here...

然后：

 jQuery(".edittopic").click(function() { var btnId = $(this).data('id'); jQuery('.t_edit_cont[data-id=' + btnId + ']').toggle(); });

在做.next()之前需要选择父级

DEMO

 $(function() { $(".edittopic").on('click', function() { $(this).parent().next(".t_edit_cont").toggle(); }); })

我想你想要显示隐藏你想要的常见问题解答，希望这对你有帮助

如果没有，请留言

HTML

   Toggle 
  Show hide content inside here... 1

jQuery的

 $(this).parents(".mod_wrap").find(".t_edit_cont").slideToggle();