javascript - 隐藏下一个类名被多次使用的 Div？

Question

试图在页面上隐藏带有 .video 类的下一个 Div 时，我真的很困惑。我正在尝试使用它，以便页面上具有相同类的稍后 div 不受输入按钮元素的影响，并且仅在按钮之后具有类“.video”的下一个 div(如果有意义的话)。

我目前拥有它，所以所有的 div 都受到影响，我尝试使用 .next 和 .find，但对于我来说，我无法让它工作，我已经尝试谷歌搜索一个解决方案，但似乎都不是我所需要的，也许我谷歌了错误的东西，我不确定，但希望有人可以在这里为我提供某种形式的答案，这样我的心终于可以放心了!

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');;
       }
   });
});

我在 fiddle 中使用了您的 html， 看 fiddle : http://jsfiddle.net/8h7hP/