顯示/隱藏ajax？ JavaScript切換

Question

我正在尋找一個wordpress插件，該插件會隱藏起來，當我單擊說箭頭圖像時，彈出一個ajax功能，並在其中顯示一個聯系表單，並且在頁面底部還顯示另一個隱藏功能，以顯示和隱藏多個div 。

有沒有可以完成所有這些工作的插件？

我的頁面必須針對我的客戶是可編輯的，因此我無法將其構建到主題中。 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>

感謝您的幫助

朱迪

PS http://wordpress.digitalnature.ro/mystique/請注意此網站上的側邊欄，這是我試圖實現的目標，但仍在主頁內容之內

這個簡短的腳本可以在頁面中使用，但是我需要一個swap div效果如何使用它來處理multipe div？ -我想更改所有具有相同空格或div的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>

Answer 1

要回答您的編輯：您不能只從原始div中刪除display：none樣式嗎？

如果您需要用Java腳本執行此操作，請刪除showIt（'divID'）; 在您的功能后排隊。

要正確執行此操作，請將其添加到window.onload中：

window.onload = showIt('divID');

或更恰當地說，有一個可以加入onload的函數（ 像這樣 ）。

也許最好，使用框架 :)