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 に答える