title: How to filter div elements by ID for gallery
body: <p>I am making a music library for my website and I want to know if its possible to make clickable filters with jquery. like if I give "X" amount of Divs an Id of music and "x" amount of divs and ID of "video" but they are in no specific order how do I filter out one or the other with an onClick function.... SO if I make a menu that says Music and Videos and both are clickable links, is it possible to click the "music" button or link and hide all elements with the id of VIdeo? </p>
  
  <p>I hope I asked that right. I am trying to make a discography gallery that I want to be responsive so my html will look something like this</p>
  
  <p>FYI I am using bootstrap grid system</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;!--This is the filter menu--&gt;
     &lt;div class="well"&gt;
        Filters Catagory&lt;br&gt;&lt;b&gt;&lt;a href="#"&gt;All&lt;/a&gt; &lt;a href="#"&gt;Music &lt;a href="#"&gt;Videos&lt;/a&gt; &lt;a href="#"&gt;Singles&lt;/a&gt; &lt;/b&gt;
    &lt;/div&gt;
  
  &lt;!--end of the filter menu--&gt;
  
  &lt;!--Filterable content--&gt;
   &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="videos"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="video"&gt;ImG SRC HERE&lt;/div&gt;
  
  
  &lt;div id="video"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="video"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  
  
  &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  &lt;div id="music"&gt;ImG SRC HERE&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>