切換div打開/關閉與德里克佩雷斯PageSlide

Question

我想在Wordpress網站中使用Derek Perez PageSlide Plugin for jQuery。默認beahaviour是打開它的鏈接，並單擊頁面上的任何其他位置關閉它。

我想切換圖像，當它關閉時顯示「open」，當它打開時顯示「close」。 所以我玩弄了jquery toggle（），並將div中的鏈接封閉起來，但無法使其正常工作。我可以得到2個簡單的div切換，但不能與鏈接內容。

打開鏈接：
<a href="_right.html" id="slide-right">

密切的聯繫：
<a href="javascript:;" class="pageslide-close">

下面封閉在的div圖像澄清：
<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>

任何想法？謝謝的/博

編輯：
好像下面的腳本部分，其被定位在頁面的最下方，中斷jQuery的切換（）函數的執行。想法？

<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

所以我把撥動（）的頭，而不是在頁面和功能的問題解決了！

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