показать/скрыть ajax? javascript toggle

Question

Я ищу плагин wordpress, который скрывается, чтобы начать с того, когда я нажимаю значок стрелки, функция ajax появляется со своей формой контакта внутри, а также еще одна функция show hide в нижней части страницы, чтобы показать и скрыть несколько 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> 

Спасибо за вашу помощь С уважением

Джуди

P.S. http://wordpress.digitalnature.ro/mystique/ Пожалуйста, обратите внимание на боковую панель на этом сайте, это то, что я пытаюсь для того чтобы достигнуть, но в пределах основного содержимого страницы

Этот короткий скрипт работает в пределах страницы, но я хочу своп Дива эффекта Как я могу использовать это работать с мультипольными 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> 

Я думаю, что я, возможно, решить мою собственную проблему :) Очень хотелось бы знать, может ли кто-нибудь изменить его так, чтобы первый ДИВ уже открыта при загрузке страницы

<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?

Если вам нужно сделать это в Javascript, запустите showIt ('divID'); введите после вашей функции.

Чтобы сделать это правильно, добавьте его в window.onload:

window.onload = showIt('divID'); 

Или более правильно, есть функция, которая ставит в очередь в OnLoad (like this).

Или, вероятно, лучше использовать a framework :)