JQuery Selector Question?

Question

How can change the following JQuery code so I can use class selectors instead of id selectors so I can use class="add" and class="container" instead of id="add" and id="container"

Here is the JQuery code.

  $(function(){
      $('a#add').click(function(){
        $('#container').slideToggle('slow');
        // prevent default action
        return false;
      });
    });

I got it to work thanks everyone for the help.

Answer 1

use a . not a #

Answer 2

JS

$('a.add').click(function(){ // Use . (dot) for class select
    $('.container').slideToggle('slow');
    return false;
});

HTML

<a href="#" class="add">Add container</a>
<div class="container">
  My container content
</div>