Multiple ID's in jquery/javascript

Question

I have this segment of code

$('#test').click(function(){
 $(this).hide();
 $('#hidethis').show();
});
$('#test2').click(function(){
  $('#hidethis').hide();
  $('#test').show();
})

This Code works fine, I'm however wanting to apply it to more elements. So i want to ideally add more ID's

I have tried this method which hasn't worked.

$('#test,#test3').each.click(function(){
 $(this).hide();
 $('#hidethis').show();
});
$('#test2,#test4').each.click(function(){
  $('#hidethis').hide();
  $('#test').show();
})

Will add a Fiddle if needed

you don't need each --- $('#test,#test3').click(function(){}); should do — Taleeb
– Taleeb, Commented Oct 1, 2015 at 9:08
.each is a function that you supply a callback to, it doesn't have a .click. You should be getting an error on the console. — Patrick Evans
– Patrick Evans, Commented Oct 1, 2015 at 9:13

YaBCK · Accepted Answer · 2015-10-01 09:18:07Z

1

All you need to do is the following:

$('#test, #test3').click(function(){
 $(this).hide();
 $('#hidethis').show();
});

$('#test2, #test4').click(function(){
  $('#hidethis').hide();
  $('#test').show();
});

JSFIDDLE EXAMPLE

answered Oct 1, 2015 at 9:18

YaBCK

3,0394 gold badges36 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tester123 Over a year ago

Wasn't working for me last night, Is now! How weird, must have had something wrong

ozil · Accepted Answer · 2015-10-01 09:35:17Z

0

$('.test').click(function () {
    $('.test').each(function(){
        $(this).hide();
    });
    $('#hidethis').show();
});

$('#hidethis').click(function () {
    $(this).hide();
    $('.test').show();
})

.test {
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="hidethis">HIDE THIS</div>
<div class="test">SHOW ME</div>
<div class="test">SHOW ME1</div>
<div class="test">SHOW ME2</div>
<div class="test">SHOW ME3</div>

answered Oct 1, 2015 at 9:35

ozil

7,1639 gold badges38 silver badges62 bronze badges

Collectives™ on Stack Overflow

Multiple ID's in jquery/javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related