Question

<div class='hide'>A</div>
<div class='hide'>B</div>
<div class='hide' id='1'>C</div>

I have a function called showOne which should hide all elements and then show the one with id=’1′.

function showOne(id) {
// Hide all elements with class = 'hide'
$('#'+id).show();
}

How do I hide all elements with class = ‘hide’ in jquery?

Answer 1

Try something like:

function showOne(id) {
    $('.hide').not('#' + id).hide();
}

showOne(1);​

Demo: http://jsfiddle.net/aymansafadi/kReZn/

I agree with @TheSystemRestart though, “NOTE: DON’T USE ONLY NUMERIC ID”.