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
Post a Comment