排除故障簡單的jQuery展開/摺疊與iframes？

我有一個包含3個div的div，每個div都包含一個iframe。 3個內部div的高度爲115px，當你點擊每個「查看更多」時，它們全部崩潰，然後滑動到200px。排除故障簡單的jQuery展開/摺疊與iframes？

我想當200px高的一個再次點擊時，它會崩潰，他們將全部滑回115px，有點像重置它？

我花了2持續幾小時晚上試圖弄明白，我敢肯定，這很簡單，但我不知道我做錯了什麼：/

這裏的小提琴http://jsfiddle.net/demchak_alex/zUDBN/1/

2012-05-23 Alex Demchak

我清理了你的HTML jsfiddle了一下。你爲什麼要上課「夥伴三」，「夥伴二」......他們不都是合作伙伴嗎？另外，您希望用戶點擊展開的div來重置所有的div？ – frenchie

好的，我得到它的工作，更新jsfiddle。 – frenchie

HTML只是複製粘貼從我工作的東西，這是一個測試網站，HTML將在最終產品更清潔，我有一些CSS的樣式與一/二/三類。我希望有人點擊「顯示更多評論」展開該評論，然後點擊同一個「顯示更多評論」將其滑下並「重置」它。（of'show more'會在最終產品中顯示'show-less'） –

這裏是解決方案：http://jsfiddle.net/zUDBN/5/有兩個問題。首先，當您單擊已經選擇的項目時，您需要此代碼$('.partner-wrap').slideDown("slow");。第二個是你綁定錯誤。當您這樣做時：$('a.normal').click(...);將在頁面加載時將該函數調用綁定到該選擇器返回的對象。頁面加載後，選擇器不再有什麼關係。因此，無論是否有「正常」或「顯示」類，單擊鏈接時該函數都會觸發。你的第二個選擇器不是出於同樣的原因：$('a.reviews-trigger.showing').click(...);

來源

2012-05-23 17:00:20 bygrace

如果您需要關於綁定問題的更多解釋，請告知我。我希望這是有道理的。 – bygrace

你可以使用這個jquery函數來實際監聽dom中的更改並綁定事件：http://api.jquery.com/on/ – bygrace

我想我已經明白了。儘管這是一個很有價值的提示，但我並沒有意識到這一點，非常感謝！應該在未來爲我節省大量時間:) –

排除故障簡單的jQuery展開/摺疊與iframes？

回答

相關問題