JQuery擴展了所有div的頁面

一個div工作正常，但是當使用多個div時，它們都會同時擴展。JQuery擴展了所有div的頁面

這裏1X http://jsfiddle.net/uPzXh/1/

這裏2X http://jsfiddle.net/uPzXh/

來源

2011-07-12 Writecoder

你期待什麼發生？它的工作原理應該是...... –

請提供有關您的問題的更多詳細信息。 –

divs應該單獨擴展 – Writecoder

如何：

jQuery(document).ready(function() { 
    jQuery(".lol").hide(); 
    jQuery(".lollink").click(function() { 
     jQuery(this).prev().slideToggle(500); 
     jQuery(this,".new").hide(); 
    }); 
});

BTW div在a不按規範允許的。

來源

2011-07-12 16:24:07 spender

在第二個例子中，你有相同的類名一個div兩次。所以這行代碼：

jQuery(".lol").slideToggle(500);

正在做你所說的要做的事..打開所有具有類名稱lol的元素。將第二個div的類更改爲lol2可以解決此問題。

來源

2011-07-12 16:22:35 BentOnCoding

錯過了這一點。這些元素看起來是相似的，因此具有相同的類別是有意義的。 –

@MichealMior當我正確回答問題時，你如何不投票。他問爲什麼兩個div都在擴大，我解釋了它。對不起，我無法確定你對這個問題的理解。 – BentOnCoding

@MichealMior鑑於你所有的深刻理解，我不明白你爲什麼沒有提供答案...？ – BentOnCoding

我認爲你需要使用$(this)點擊功能裏面，而不是$('.lol')

demo

來源

2011-07-12 16:23:53 ianbarker

我認爲你要找的是當一個鏈接被點擊時（不是一個接一個地展開）擴展一個div。如果這是正確的，你可以做這樣的事情：

jQuery(".lollink").click(function() { 
    jQuery(this).hide().parent().find(".lol").slideToggle(500); 
});

這個隱藏點擊的元素，得到的父元素，發現元素的後代與.lol類和切換上的幻燈片。

查看更新的小提琴here。

來源

2011-07-12 16:31:46

JQuery擴展了所有div的頁面

回答

相關問題