jQuery的隱藏/取消隱藏切換圖像

我的div，顯示並通過點擊小箭頭隱藏。日曆項點擊後，可以展開更多的信息。到現在爲止還挺好。jQuery的隱藏/取消隱藏切換圖像

我想，我使用能夠取消隱藏，從「上」到「下」的狀態，甚至更好的改變旋轉180度時的內容是可見的內容的小箭頭。

jQuery('.openheader').click(function() { 
    jQuery(this).parent().next().toggle('slow'); 
    return false; 
}).parent().next().hide();

.openheader類應用於箭頭圖像周圍的鏈接。

雖然我在上面 - 如果.calendarhidden DIV（包含額外信息的div）中沒有內容，也可以隱藏相應的鏈接或圖像，這也是一個不錯的功能。

什麼想法？我無法理解如何將其納入切換操作。感謝 *編輯：這裏是JS提琴：http://jsfiddle.net/marknolan/gtEdy/

來源

2012-11-16 Mark Nolan

發佈你的HTML或的jsfiddle會有幫助。 – j08691

同意j08691。小提琴可以告訴我們我們在做什麼。從你說的話，你可以看看從向上的箭頭，並在分裂向下箭頭更改CSS（背景圖像）。實現這個：$（this）.css（「background-image」，「」）;只是一個想法。 – ncf

好主意......我會設置它的jsfiddle謝謝了！ http://jsfiddle.net/marknolan/gtEdy/ –

我相信你能做到這一點，像這樣if (document.getElementById(event.target.id).src.indexOf('right.png') > 0) { document.getElementById(event.target.id).src = 'path/arrow_left.png'; } else { document.getElementById(event.target.id).src = 'path/arrow_right.png'; }

編輯應該說這需要的功能（事件）

來源

2012-11-16 16:25:42 Constanta

我會嘗試了這一點謝謝！ –

jQuery的隱藏/取消隱藏切換圖像

回答

相關問題