Chadi
08-08-2013, 08:34 PM
Hey everyone,
I'm trying to install this sliding drawer so I can have a built in online bible in there for convenience. It's not working. The slider shows up, but no action.
http://jsfiddle.net/du8z8/3/
My site: talkjesus.com (I removed the code for now).
I put the below in the header include
<script type="text/javascript"
$("#bible-tab").click(function() {
$("#bible-tab").toggle();
$("#bible-panel").slideToggle('slow');
});
$("#bible-close").click(function() {
$("#bible-tab").toggle();
$("#bible-panel").slideToggle('slow');
});
</script>
I also put the css code in additional.css and the html code in the header template. I even tried footer template, nothing works.
Just a note regarding the css code, I added a bible- prefix before tab, panel, close elements. The css works fine anyway, it just doesn't slide open and close.
I'm trying to install this sliding drawer so I can have a built in online bible in there for convenience. It's not working. The slider shows up, but no action.
http://jsfiddle.net/du8z8/3/
My site: talkjesus.com (I removed the code for now).
I put the below in the header include
<script type="text/javascript"
$("#bible-tab").click(function() {
$("#bible-tab").toggle();
$("#bible-panel").slideToggle('slow');
});
$("#bible-close").click(function() {
$("#bible-tab").toggle();
$("#bible-panel").slideToggle('slow');
});
</script>
I also put the css code in additional.css and the html code in the header template. I even tried footer template, nothing works.
Just a note regarding the css code, I added a bible- prefix before tab, panel, close elements. The css works fine anyway, it just doesn't slide open and close.