multiple SHOW/HIDE on the same page.
i believe my problem is quite basic.
you can view the problem here:
http://valeriopierbattista.info/artshows.php
let me explain it:
for every "more info click here" link, jquery should SHOW a div containing more info about that specific artshow.
what happens is it always opens the same one. you can view the problem on the 1st click here (top of the page, Re Bacco artshow) and the 2nd click here link (Aequalis gallery artshow). by clicking those, it always opens the same #panel div, the one containing the info for the Re Bacco artshow.
here's the code:
-
<script type="text/javascript">
$(document).ready(function(){
$(".slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
i clearly understand why it does that, but i have no idea how to fix it. any help would be greatly appreciated!!!