2014-05-07 22 views
-2

我想要一個jQuery中的函數,可以讓您同時打開多個div,而不需要關閉前一個div。該網站的訪問者將按他們打開他們,然後再次按他們關閉他們。選擇多個div和同一時間,並讓用戶關閉他們

+0

向我們展示一些你已經嘗試過的代碼。這只是'$(name).click()'事件中$('div。'+ name).show()'的問題。 –

+0

@LaughDonor - 我一直在使用http://stackoverflow.com/a/16868488/1802987很長一段時間,但當它打開一個新的關閉div時,我一直在網上搜索30分鐘在這沒有任何結果。 – Nonez

+0

您應該嘗試瞭解代碼在執行時的功能。這就是更好的編碼器。您提供的示例中的Javascript是一種複雜而可怕的方式來實現您想要的。 –

回答

0

我創建了這個JSFiddle,所以你可以把它與你需要的東西分開。

首先,您需要基本上爲您想用來切換這些div的「按鈕」設置一些onclick事件處理程序。

$('.types li').click(functionName); 

然後在該功能,你必須抓住一個特殊標識爲要切換相應的divt是回叫事件處理程序:

t.target.innerHTML.toLowerCase()將匹配「按鈕」的內部文本並轉換爲小寫。

然後,因爲該值是一個有效的ID,我們通過預先的#toggle()它的知名度爲它創建一個jQuery選擇。

$(selectorId).toggle(); 

Voilà!如果您需要更多詳細信息,請查看jQuery Docs。如果你想有動畫,最好有CSS轉換爲你做,並使用toggleClass()

相關問題