0

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

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

所以这是当前的页面

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

我不太确定如何编写一个使用 jQuery 的脚本，所以后面的脚本不会受到影响......我的大脑一直在颤抖，但也许是在深夜（或者更确切地说是早上！），我只是在我昏昏欲睡的状态下无法理解...

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

我目前使用的脚本也可以在这里找到

我感谢任何帮助，谢谢。

4

1 回答 1

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/

于 2012-12-16T07:17:16.647 回答