wordpress - jQuery Expandable Collapsible Div Not Working -


i'm trying create expandible div @ bottom of page of test site http://witthotel.perfectlysimple.org/about/. line should expand "click here display content"

the html code of div follows:

<div id="footer-bottom">     <p class="expand-one">         <a href="#">click here display content</a> <img src="images/arrow.png" width="5" height="7" />     </p>     <div class="content-one">         <p>this content</p>         <p> hidden before, is... well, visible!"</p>     </div> </div> 

i have following script in header running:

<script> $(document).ready(function(){ $('.expand-one').click(function(){     $('.content-one').slidetoggle('slow'); }); }); </script> 

as can see, it's wordpress site, should load jquery, left reference out.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> 

i tried , without reference, problem remained same: when click on "click here display content", noıthing happens.

your appreciated.

probably have jquery library , conflicting. use code below:

<script> jquery(document).ready(function($){     $('.expand-one').click(function(){         $('.content-one').slidetoggle('slow');     }); }); </script> 

Comments

Popular posts from this blog

c# - Unity IoC Lifetime per HttpRequest for UserStore -

Change the color of an oval at click in Java AWT -

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -