PDA

View Full Version : sliding drawer


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.