2012-12-16 22 views
0

我讓自己非常困惑,試圖在頁面上隱藏下一個div類.video。我試圖擁有它,因此在頁面上具有相同類的後續div不受輸入按鈕元素的影響,並且只有在按鈕後面具有「.video」類的下一個div時纔有意義。隱藏下一個多次使用類名的Div嗎?

我現在擁有它所以所有的div都受到影響,我試圖使用.next和.find,但是對於我的生活,我無法讓它工作,我試着用google搜索爲了一個解決方案,但都似乎不完全是我所需要的,也許我google'd錯誤的東西,我不知道,但希望有人可以在這裏提供某種形式的答案,所以我的心可以最終在緩解!

So this is the page currently

正如你所看到的,按鈕隱藏/顯示elemnt因爲它應該...但它也影響了後來的元素。

我真的不知道如何去寫一個腳本使用jQuery,以便後面的一個不會受到影響......我嘮叨着我的大腦,但也許這是深夜(或早上,而是! ),我只是不能理解它在我的d state狀態...

希望你們中的一個能夠告訴我該怎麼做。

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

我感謝所有幫助,謝謝。

+0

可以接受的答案PLZ。它不僅需要我,也需要其他人。 – Jai

回答

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/

+0

你是明星!謝謝你Jai! – Volvagia

+1

哦,這很有幫助。如果你接受這個答案會更好。 – Jai

+0

哦,對不起,我一開始並不知道 - 哈哈,我只是在Stack上看過一些東西,從來沒有問過任何東西。 ;)現在完成了,我想! – Volvagia