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 回答