我希望我有幾個div [最多10個],我想自動添加其中一個並在特定元素懸停時顯示它,我想我不能逐個增加他們都一個元素,並隱藏他們都一個接一個,並顯示他們再次使用:hover
with jQuery,在懸停時添加class =「hover」,比將元素添加到懸停元素
例子:
<div class="info1">extra info1</div> <!-- Hidden by deffult -->
<div class="info2">extra info2</div> <!-- Hidden by deffult -->
<div class="info3">extra info3</div> <!-- Hidden by deffult -->
<div class="info4">extra info4</div> <!-- Hidden by deffult -->
<div class="bla">I want info #1</div>
<br />
<div class="bla">I want info #2</div>
<br />
<div class="bla hovered">I want info #3</div> <div class="info3">extra info3</div> <!-- there wasn't info3, but its appeared because of the hovering -->
<br />
<div class="bla">I want info #4</div>
<br />
我失敗了,當我創造了這個[here]因爲我不需要css的幫助,就像你看到的,extra span
在第一次加載時不會隱藏(換句話說,它應該隱藏在第一次加載,並且只出現onhover)。
我認爲它更好,當我嘗試與onmouseover="this.className='
與.appendTo
如失敗的嘗試,但我不知道正確的方式來使用它們在一起。
任何想法,建議?
更新:夥計們,我真的很感謝您對:hover
解決方案的幫助,這個解決方案需要在div
內放置和隱藏span
。 但我需要更靈活和專業的解決方案。
請單擊複選標記旁邊的一個答案,如果它幫助了你這樣將來遊客可以答案得到幫助。 – lucuma 2013-04-06 19:36:54
我會盡快看到我需要的答案,或者最接近的答案:(。 – 2013-04-10 18:02:28