Код, не работающий в описании категории

<div class="category-description std">
    <p>
  <script type="text/javascript">// <![CDATA[
var z = jQuery.noConflict();
z("#toglbtn").click(function(){
    z("#catdescr").toggle();
});
// ]]></script>
</p>
<p>Great Discounts .</p>
<p><button id="toglbtn">V</button></p>
<div id="catdescr">
<p>Back to school offer brings printers at just </p>
<p>Laptops at </p>
<p>Routers at </p>
</div>
</div>

Кнопка не переключает указанный элемент Div, но когда я добавляю приведенный ниже код в браузере, он работает нормально.

var z = jQuery.noConflict();
z("#toglbtn").click(function(){
    z("#catdescr").toggle();
});

В чем может быть проблема?

Author: Lalji, 2016-11-08
Source

2 answers

Попробуйте это

<div class="category-description std">
<p>Great Discounts .</p>
<p><button id="toglbtn">V</button></p>
<div id="catdescr">
<p>Back to school offer brings printers at just </p>
<p>Laptops at </p>
<p>Routers at </p>
</div>
</div>

<script type="text/javascript">
// <![CDATA[
var z = jQuery.noConflict();
z("#toglbtn").click(function(){
    z("#catdescr").toggle();
});
// ]]>
</script>
 2
Author: St3phan, 2016-11-08 09:53:15

Попробуйте это: 

<div class="category-description std">
    <p>
        <script type="text/javascript">
        jQuery("#toglbtn").click(function(){
            jQuery("#catdescr").toggle();
        });
        </script>
    </p>
    <p>Great Discounts .</p>
    <p><button id="toglbtn">V</button></p>
    <div id="catdescr">
        <p>Back to school offer brings printers at just </p>
        <p>Laptops at </p>
        <p>Routers at </p>
    </div>
</div>
 0
Author: Ashish Jagnani, 2016-11-08 09:50:47