Picking up more than one element with Jquery/Javascript

Question

Good morning!

Could I get more than one element with Jquery?

For example, I’m doing this in my code:

if (!is992()) {
        $j('.filters .title--sm').click(function(){
        $j('.filters__list').slideToggle(50);
        $j('.filters__filtered').slideToggle(50);
        $j('.filters .title').toggleClass('active'); 
    });
}

I wanted to optimize these two lines:

$j('.filters__list').slideToggle(50);
$j('.filters__filtered').slideToggle(50);

Could I take both classes and use one line? For example:

$j('.filters__list', '.filters__filtered').slideToggle(50);

So I know you can’t, but I was wondering if there’s anything like that I could use.

Thank you!

Answer 1

You can use the comma to concatenate selectors into CSS. You were close, it would be like this:

$j('.filters__list, .filters__filtered').slideToggle(50);

If you have many classes to join maybe it is better to give a common class to all these elements.