Переключение div для открытия / закрытия с Дереком Пересом PageSlide - PullRequest
Новая
       6

Переключение div для открытия / закрытия с Дереком Пересом PageSlide

1 голос
/ 06 октября 2009

Я пытаюсь использовать Плагин Дерека Переса PageSlide для jQuery на сайте Wordpress. Поведение по умолчанию - это ссылка, чтобы открыть его и щелкнуть в любом месте на странице, чтобы закрыть его.

Я хотел бы переключать изображения с надписью «открыть», когда он закрыт, и «закрыть», когда он открыт. Поэтому я поиграл с 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>

Есть идеи? Thank's / Bo

Edit:
Похоже, что приведенная ниже часть скрипта, которая должна быть расположена в самом низу страницы, прерывает выполнение функции 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>

1 Ответ

2 голосов
/ 07 октября 2009

Итак, я поместил функцию toggle () в голову, а не в страницу, и проблема была решена! 

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