chris_p
17 Feb 2010, 07: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
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