показать / скрыть ajax?переключение javascript

Question

Я ищу плагин WordPress, который скрывает для начала, когда я нажимаю, скажем, на изображение со стрелкой, появляется функция ajax, скажем, с контактной формой внутри, а также другая функция show hide в нижней части страницы, чтобы показывать и скрывать несколько разделов.

Есть ли плагин, который может все это делать?

Мои страницы должны быть доступны для редактирования моему клиенту, поэтому я не могу встроить это в тему.Функция javascript должна быть частью страницы.Я нашел элементы WP ShowHide, но это не позволяет мне делать это с несколькими разделами в одном и том же месте.

Вот некоторые из скриптов, которые я использую, как это разрешено плагином на моих страницах

    <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 Как я могу использовать это для работы с несколькими разделами?- я бы хотел изменить видимость нескольких разделов с одним и тем же пробелом или 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>

Я думаю, что, возможно, решил свою собственную проблему :) Хотелось бы знать, может ли кто-нибудь изменить это, чтобы 1-й 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

Чтобы ответить на вашу правку:разве вы не можете просто удалить стиль display: none из исходного div?

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

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

window.onload = showIt('divID');

Или, более правильно, иметь функцию, которая помещается в очередь загрузки (вот так).

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