使用 Derek Perez PageSlide 切换 div 以打开/关闭答案

【问题标题】：Toggle divs for open/close with Derek Perez PageSlide使用 Derek Perez PageSlide 切换 div 以打开/关闭
【发布时间】：2013-12-31 20:05:21
【问题描述】：

我正在尝试在 Wordpress 网站中使用 Derek Perez PageSlide Plugin for jQuery。默认行为是打开它的链接，然后单击页面上的任何其他位置将其关闭。

我想切换图像关闭时显示“打开”和打开时显示“关闭”。所以我玩过 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 toggle() 函数的执行。想法？

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

【问题讨论】：

标签： jquery toggle html

【解决方案1】：

所以我把toggle()函数放在head而不是page中，问题就解决了！

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

【讨论】：