afficher/masquer ajax? javascript toggle

Question

Je suis à la recherche d'un plugin wordpress qui se cache pour commencer quand je clique dire une image flèche une fonctionnalité ajax apparaît avec un formulaire de contact à l'intérieur et une autre fonction de cacher le spectacle au bas de la page pour montrer et cacher plusieurs divs.

Y at-il un plugin qui peut faire tout cela?

Mes pages doivent être modifiables pour mon client, il est donc impossible pour moi de l'intégrer dans le thème. La fonction javascript doit faire partie d'une page. J'ai trouvé WP ShowHide Elements mais cela ne me permet pas de le faire avec plusieurs divs dans le même emplacement.

Voici quelques du script que je utilise comme autorisé par le plug-in dans mes pages

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

Merci pour votre aide Cordialement

Judi

post-scriptum http://wordpress.digitalnature.ro/mystique/ S'il vous plaît noter la barre latérale sur ce site, ce que je suis en train de achive mais dans le contenu de la page

Ce court script fonctionne dans une page mais je veux un effet div swap Comment puis-je utiliser pour travailler avec plusieurs divs? - je voudrais changer le visability de plusieurs divs tous avec le même espace 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> 

Je pense que je l'ai résolu mon problème :) aimerais savoir si quelqu'un peut le modifier de sorte que le 1er div est déjà ouvert lorsque la page se charge

<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

Pour répondre à votre modification: ne pouvez-vous pas supprimer l'affichage: aucun style de la div d'origine?

Si vous avez besoin de le faire en Javascript, lancez un showIt ('divID'); ligne après votre fonction.

Pour le faire correctement, l'ajouter dans window.onload:

window.onload = showIt('divID'); 

Ou plus exactement, ont une fonction qui enqueues dans le onload (like this).

Ou probablement mieux, utilisez a framework :)