div Toggle per apertura / chiusura con Derek Perez PageSlide

Question

Sto cercando di utilizzare Derek Perez PageSlide Plugin per jQuery in un sito Wordpress . beahaviour default è un link per aprirlo e fare clic in qualsiasi altro punto della pagina per chiuderla.

Vorrei alternare le immagini dicendo "aperto" quando è chiuso e "chiudere" quando è aperto. Così ho giocato un po 'con jQuery ginocchiera () e che racchiude i collegamenti nel div, ma non riesco a farlo funzionare. Posso ottenere 2 div semplici per passare, ma non con i contenuti di collegamento.

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

stretto legame:
<a href="javascript:;" class="pageslide-close">

Di seguito racchiuso in div con immagini a chiarire:
<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>

Tutte le idee? Grazie di / Bo

Modifica
Sembra che la parte script seguente, che deve essere situato nella parte inferiore della pagina, interrompe l'esecuzione della funzione jquery ginocchiera (). Idee?

<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

Così ho messo la leva () in testa invece che in pagina e problema è stato risolto!

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