[jQuery] Slide toggle Function multiple times on a page! (for different elements)

Wed, 10 Sep 2008 12:29:49 -0700 

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!

Reply via email to