mostrar / esconder ajax? javascript alternância

Question

Eu estou procurando um wordpress plug-in que esconde começar com o quando clico dizer uma seta uma característica ajax saia com dizer dentro formulário de contato e também um outro show hide recurso na parte inferior da página para mostrar e ocultar várias divs.

Existe um plugin que pode fazer tudo isso?

As minhas páginas têm de ser editável para o meu cliente, por isso é impossível para mim para construir este para o tema. A função javascript precisa ser parte de uma página. Eu encontrei WP MostrarEsconder Elements, mas isso não me permite fazê-lo com vários divs na mesma colocação.

Aqui está um pouco do script eu estou usando como permitido pelo plugin em minhas páginas

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

Obrigado por sua ajuda Saudações

Judi

P.S. http://wordpress.digitalnature.ro/mystique/ Por favor, observe a barra lateral neste site, este é o que eu estou tentando alcançar, mas dentro do conteúdo da página principal

Este pequeno script funciona dentro de uma página, mas eu quero um efeito troca div Como posso usar isso para trabalho com divs multipe? - Eu gostaria de mudar o visability de vários divs todos com o mesmo espaço ou 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>

Eu acho que pode ter resolvido o meu problema :) Gostaria de saber se alguém pode modificá-lo para a 1ª div já está aberto quando a página é carregada

<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

To answer your edit: can't you just remove the display:none style from the original div?

If you need to do it in Javascript, chuck a showIt('divID'); line in after your function.

To do it properly, add it into window.onload:

window.onload = showIt('divID');

Or more properly, have a function that enqueues into the onload (like this).

Or probably best, use a framework :)