Bascule divs pour ouvrir/fermer avec Derek Perez PageSlide

Question

J'essaie d'utiliser Derek Perez PageSlide Plugin for jQuery dans un site Wordpress. Le comportement par défaut est un lien pour l'ouvrir, et cliquez n'importe où sur la page pour le fermer.

Je voudrais basculer les images en disant "ouvert" quand il est fermé et "fermer" quand il est ouvert. J'ai donc joué avec jquery toggle() et j'ai inclus les liens dans les divs mais je n'arrive pas à le faire fonctionner. Je peux obtenir 2 divs simples pour basculer, mais pas avec le contenu du lien.

lien ouvert:
<a href="_right.html" id="slide-right">

lien étroit:
<a href="javascript:;" class="pageslide-close">

Ci-dessous enfermé dans divs avec des images afin de clarifier:
<div id="opendiv">
<a href="_right.html" id="slide-right"><img src="open.png"></a>
</div>

<div id="closediv">
<a href="javascript:;" class="pageslide-close"><img src="close.png"></a>
</div>

Toutes les idées? Merci de/Bo

Edit:
On dirait que la partie de script ci-dessous, qui doit être situé au bas de la page, interrompt l'exécution de la fonction bascule jquery(). Des idées?

<script type="text/javascript">
$("#slide-left").pageSlide({ width: "350px", direction: "left" });
$("#slide-right").pageSlide({ width: "350px", direction: "right" });
$("#slide-modal").pageSlide({ width: "350px", direction: "left", modal: true });
</script>

Answer 1

donc je mets la fonction bascule() dans la tête au lieu de la page et problème a été résolu!

$(document).ready(function(){ 
    $("a").click(function() { 
    $("div.mis").toggle(); 
    }); 
}); 
</script>