隐藏并显示Jquery

我认为我做了一件正确的事情，我点击按钮，段落就不出现了。谁能帮我解释一下为什么要使用jQuery

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

---

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

这是你的答案

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

---

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

这是你的答案

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

让我们把这个简单化

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

希望这对你有用

让我们简单一点

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

---

希望这对你有用

你也可以这样做，很有效

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

---

你也可以这样做，很有效

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

---

.open

嵌套在另一个元素中，

.nextAll（）

查找同级元素。你必须再往后退一层才能让它起作用

下面是我如何找到父级

.content

，不过这只是我自己的问题：

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

---

.open

嵌套在另一个元素中，

.nextAll（）

查找同级元素。你必须再往后退一层才能让它起作用

下面是我如何找到父级

.content

，不过这只是我自己的问题：

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

---

$（this.parent（）.prev（）.toggle（）

也在JSBINdid中添加jQuery库您在页面`code.jQuery.com/jQuery-1.10.2.js'>`@MohammadFareed ya中包含jQuery URL，`@MohammadFareed ya我忘记发布了，但它仍然不起作用。您能告诉我，您在演示中需要什么吗。？这样我就可以帮助您

$（this.parent（）.prev（）.toggle（））

在JSBINdid中添加jQuery库您可以在页面`code.jQuery.com/jQuery-1.10.2.js'>`@MohammadFareed ya我忘了发布它，但它仍然不起作用。您能告诉我，您在演示中需要什么吗。？所以我可以帮你谢谢你这是我在找的谢谢你这是我在找的如果有很多这样的盒子。。如果我点击按钮，所有将生效，我想要1乘1的效果，如果我使用你的建议，1点击所有父div将获得相同的效果。如果有很多这样的框。。如果我点击按钮，所有将生效，我想要1乘1的效果，如果我使用你的建议，1点击所有父div将获得相同的效果。