Show/Hide divs using Jquery

Question

I am having issues showing one div then hiding the previous div.

var newElem = '#ID' + numVariable;
 $('.elemPropGlobal').hide();

 $(newElem).click(function (){
   $('.elemPropGlobal').hide();

   $($(this).attr('id') + 'Properties').show();

}

Divs that I click on

<div class="something" id="ID1"  > some data</div>
<div class="something" id="ID2"  > some data</div>

Divs that should show and hide

<div class="elemPropGlobal" id="ID1Properties"  > 

<div class="elemPropGlobal" id="ID2Properties"  > 

Answer 1

I don't know if it is an oversimplification, but you're not setting the click event for both divs and you're forgetting the hash in the second selector:

$(newElem).click(function (){}); //newElem is #ID1 or #ID2

you could do

    $(".something").click(function (){
       $('.elemPropGlobal').hide();

      $("#" + $(this).attr('id') + 'Properties').show();  //Remember the hash!
    });

Answer 2

Currently you're looking for elements that are named ID1Properties etc. You need a # prefix to search by id!

$("#" + $(this).attr('id') + 'Properties').show();

Answer 3

You forgot the #.

$('#' + this.id + 'Properties').show();