Intereting Posts

Как использовать slideToggle внутри сообщения WordPress?

Я пытаюсь использовать что-то прямо внутри сообщения WordPress, похожего на скрипку, которую я создал здесь http://jsfiddle.net/t304o8aL/

Я прочитал, что WordPress не нравится использование $ поэтому я заменил их на jQuery

а затем поместил следующий код с помощью текстового редактора

 <div class="show_hide"><img id="aImg" class="aligncenter size-full wp-image-1170 im" src="http://lorempixel.com/400/200/nature" alt="a-series-main" /></div> <div class="slidingDiv"><img id="aInfo" class="aligncenter size-full wp-image-1171" src="http://lorempixel.com/400/200/food" alt="a-series-detail" /></div> <script> jQuery(window).load(function(){ jQuery(".slidingDiv").hide(); jQuery(".show_hide").show(); jQuery('.show_hide').click(function(){ jQuery(this).next().slideToggle(); }); jQuery('.slidingDiv').click(function(){ jQuery('.slidingDiv').slideUp(); }); }); </script> 

JQuery загружается в начало документа, но в исходном коде <script> обертывается несколькими тегами <p> и я не уверен, как остановить это.

 <p><script> jQuery(window).load(function(){ jQuery(".slidingDiv").hide(); jQuery(".show_hide").show();</p> <p>jQuery('.show_hide').click(function(){ jQuery(this).next().slideToggle(); });</p> <p>jQuery('.slidingDiv').click(function(){ jQuery('.slidingDiv').slideUp(); }); }); </script></p> 

Заранее благодарю за любую помощь!

Хорошо, поэтому, основываясь на ваших комментариях, проблема в том, что эти надоедливые

теги … WordPress отвратительно с этими, иногда.

Как я уже сказал, возможно, стоит посмотреть в плагин, который позволяет добавлять javascript к определенным сообщениям / страницам.

Тем временем я подозреваю, что все должно работать, если вы поместите весь свой тег javascript на одну строку (без символов новой строки) … Не легко читать, но это должно помешать WP добавлять

теги в вашем javascript:

 <script> jQuery(window).load(function(){ jQuery(".slidingDiv").hide(); jQuery(".show_hide").show(); jQuery('.show_hide').click(function(){ jQuery(this).next().slideToggle(); }); jQuery('.slidingDiv').click(function(){ jQuery('.slidingDiv').slideUp(); }); });</script> 

Надеюсь это поможет!