Question

我让自己真的很困惑，试图在页面上隐藏下一个Div。类.video。我试图拥有它，所以页面上的后一个div与同一个类不受输入按钮元素的影响，只有下一个具有“.video”类的div，如果有意义的话。 / p>

我现在拥有它所以所有的div都受到影响，我试图使用.next和.find，但是对于我的生活，我无法让它工作，我已经尝试用Google搜索一个解决方案，但似乎并不完全是我需要的东西，也许我认为错误的东西，我不确定，但希望有人可以在这里为我提供某种形式的答案，所以我的思绪终于可以放心了！

So this is the page currently

正如你所看到的，按钮会隐藏/显示它应该的元素......但它也会影响后面的元素。

我真的不确定如何编写一个脚本来使用jQuery所以后者不会受到影响......我已经惹恼了我的大脑，但也许它已经很晚了（或者早上，而不是！）在我愚蠢的状态下，我无法理解它......

希望你们中的一个能够告诉我该怎么做。

The script I'm currently using can also be found here

感谢任何帮助，谢谢。

Answer 1

试试这个：

$(document).ready(function(){
  $('.showhide').click(function(){
    $(this).parent().next('.video').toggle();
    //------^^^^^^^^^^^^^------------------------added to find the video of the parent's next
       if($('.video').is(':visible')){
          $('.showhide').attr('value','Hide Video');;
       } else {
          $('.showhide').attr('value','Show Video');;
       }
   });
});

我在小提琴中使用了你的html，看小提琴： http://jsfiddle.net/8h7hP/

隐藏下一个Div，多次使用类名？

1 个答案: