[jQuery] Slide toggle Function multiple times on a page! (for different elements)
Please take a look why this only works in FF
<style type="text/css">
<!--
.itemAcceseor {
width: 600px;
border: 1px dashed #333333;
background-color: #00FF00;
margin: 20px;
}
.a, .b { display:none; }
->
</style>
<script language="JavaScript" src="file:///Macintosh HD/Users/ebraun/
Desktop/jquery-1.2.6.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.showMore').bind("click",function() {
$("."+this.id ).slideToggle(500);
});
});
</script>
</head>
<body>
<div class="itemAcceseor"> <a href="#" class="showMore" id="a">Open
more info</a> this is the less content
<div class="a">this is the more info
</div>
</div>
<div class="itemAcceseor"> <a href="#" class="showMore" id="b">Open
more info</a> this is the less content
<div class="b">this is the more info
</div>
</div>
Thanks!