隐藏并显示Jquery

Question

我认为我做了一件正确的事情，我点击了按钮并且没有显示段落。有人可以用我的jQuery帮助我吗？

$('.open').on('click',function(event){
  $(this).nextAll('.ranch').toggle();
});

DEMO

Answer 1

你的html中没有附加jquery插件。请检查控制台是否有错误。

http://codepen.io/SESN/pen/WxxZOg

这是你的答案

 $('.open').on('click',function(){
 $(this).closest('.content').find('p.ranch').toggle();
 });

Answer 2

让我们这么简单

$('.open').on('click',function(){
   $('p.ranch').toggle();
});

希望这对你有用

Answer 3

你也可以这样做，它有效。

$(document).ready(function(){
    $('.open').on('click',function(){
 $('p.ranch').toggle();
 });

Answer 4

.open嵌套在另一个元素中，.nextAll()寻找兄弟姐妹。为了实现这一目标，你必须进一步向后移动一级。

以下是我找到父.content的方法，但这只是我：

$('.open').on('click', function(event) {
  $(this).closest('.content').find('.ranch').toggle();
});