Sevaral slidingpanels problem
Hallo,
I am trying to make my portfolio using some jQuery effects. It looks very good but i am having some troubles making it work.
I am trying to make sevaral sliding panels(
http://www.webdesignerwall.com/demo/jqu ... panel.html
), but i can't figure it out.
How do i run this function for each image/id.
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#info").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
HTML:
<p class="slide"><a href="#" class="btn-slide"> </a></p>
<div id="info">
<img src="images/projectinfo.gif" alt="" />
</div>
How can I make sevaral sliding panels on the same page?
My website is
www.andreasrasmussen.net/test.html
it is the "info +" under each image.
I think the only correct browserlook is in Firefox.
Thank you for your time,
Andreas