title: Hide all li in list but not that li who has class name "matter" using jquery
body: <p>I have one list, so I when I click on the button it should hide all li but not that li who has class name "matter" so how to do this using jquery by using only the class name.</p>
  
  <pre><code>&lt;ul class="sub-menu"&gt;        
    &lt;li &gt;list 1&lt;/li&gt;
    &lt;li class="matter"&gt;list 2&lt;/li&gt;
    &lt;li &gt;list 3&lt;/li&gt;
    &lt;li &gt;list 4&lt;/li&gt;
  &lt;/ul&gt;
  &lt;button name="btn" class="btn_click"&gt;Click me&lt;/button&gt;
  $(".btn_click").on('click', function() { 
  
  // here code that will hide all li but not that li who has class name 'matter'
  });
  </code></pre>