顯示/隱藏阿賈克斯？ javascript toggle

我正在尋找一個隱藏的開始時，我點擊說一個箭頭圖像一個Ajax功能彈出與說一個聯繫人窗體裏面，另一個顯示隱藏功能在頁面底部顯示並隱藏多個div。顯示/隱藏阿賈克斯？ javascript toggle

是否有插件可以做到這一切？

我的頁面必須是我的客戶端可編輯的，所以我不可能將其構建到主題中。 javascript函數需要成爲頁面的一部分。我找到了WP ShowHide Elements，但是這不允許我在同一個展示位置使用多個div。

下面是一些我用在我的網頁允許該插件

<p id="mytest">my text</p> 
<p><a onclick="wp_showhide('mytest')" href="javascript:void(0);">my link</a></p> 
<p id="new">new</p> 
<p><a onclick="wp_showhide('new')" href="javascript:void(0);">new</a></p>

感謝您的幫助問候

朱迪

附註：腳本http://wordpress.digitalnature.ro/mystique/ 請注意本網站上的側邊欄，這就是我想才達到，但是主要的頁面內容

這個簡短的腳本工作在頁面中，但我想交換的div效果我如何使用這中與multipe divs一起工作？ - 我想變更多個div的visability都具有相同的空間或DIV

<p><script type="text/javascript"> 
<!-- 
    function toggle_visibility(id) { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 
//--> 
</script></p> 
<p><a onclick="toggle_visibility('foo');" href="#">Click here to toggle visibility of element #foo</a></p> 
<div id="foo">This is foo</div> 
<p><a onclick="toggle_visibility('too');" href="#">Click here to toggle visibility of element #too</a></p> 
<div id="too">This is too</div>

我想我可能已經解決了我自己的問題:) 很想知道，是否有人可以修改它，以便第一當頁面加載時，div已經打開

<p><script type="text/javascript"> 
lastone='empty'; 
function showIt(lyr) 
{ 
if (lastone!='empty') lastone.style.display='none'; 
lastone=document.getElementById(lyr); 
lastone.style.display='block'; 
} 
</script></p> 
<p><a href="JavaScript:;" onClick="showIt('divID')">link</a></p> 
<div id="divID" style="display: none;">content</div> 
<p><a href="JavaScript:;" onClick="showIt('new')">link</a></p> 
<div id="new" style="display: none;">content</div>

來源

2009-12-01 brightmist.co.uk

要回答你的編輯：你不能從原始div中刪除display：none樣式嗎？如果你需要在Javascript中做到這一點，請chuck showIt（'divID'）;在你的功能之後行。

爲了做正確，將其添加到在window.onload：

window.onload = showIt('divID');

或者更恰當，有入列到onload事件（like this）的功能。

或者可能是最好的，使用a framework :)

來源

2009-12-02 10:03:05

嗨羅伯特，非常感謝不幸的是窗口的onload不起作用。你可能是正確的我最好使用jQuery。 – 2009-12-02 10:34:21

顯示/隱藏阿賈克斯？ javascript toggle

回答

相關問題