PDA

View Full Version : Jquery Help



chris_p
17 Feb 2010, 06:46 AM
Hey

I found this tutorial which makes a panel slide down from the top of the screen. I have pasted the code below.

<script type="text/javascript">
$(document).ready(function(){

$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});


});
</script>

<body>

<div id="panel">
<p>Content</p>
</div>

<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>

</body>

However what I want to achieve is the same effect but for the panel to slide horizontally from the left of the screen but I also want it to not displace any text or images. Any ideas?

Thanks for any help