title: Hiding the Div Element
body: <p>Is there a way to hide the other div which is the number identifier is equal to 1</p>
  
  <p>I have 3 div</p>
  
  <p>Each of this div has the same class "roomselection"</p>
  
  <p>But they are different in number for identifier</p>
  
  <p>For Example</p>
  
  <pre><code>&lt;div class="roomselection1"&gt;
      &lt;button class="unselect"&gt;Unselect&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="roomselection2"&gt;&lt;/div&gt;
  &lt;div class="roomselection3"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here i want only to hide the roomselection2 and roomselection3</p>
  
  <p>I want in my jquery is that <br/></p>
  
  <p>It will check all the div that has class "roomselection"<br/></p>
  
  <p>It will detect the roomselection1 div<br/></p>
  
  <p>if you notice the button unselect in roomselection1<br/>
  - it because once it was click the other div be will hide but the roomselection1 the one that will appear.</p>