title: Want to remove a class along with adding slideUp in siblings tags
body: <p>I am working with side-nav which comprises of ul and li tags.</p>
  
  <p>Looks like:</p>
  
  <pre><code>&lt;li&gt;
      &lt;a href="javascript:;"&gt;Mobile&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="uk-nav-header"&gt;
      PLATFORM SPECIFIC GUIDES
  &lt;/li&gt;
  &lt;li class="uk-active uk-magento" data-toggle="collapse" data-target="#demo" aria-expanded="true" aria-controls="demo"&gt;
      &lt;a href="/docs/magento"&gt;Magento Extension&lt;/a&gt;
      &lt;ul class="uk-nav-sub uk-nav-parent-mag hidden" &gt;  
          &lt;li&gt;&lt;a href="#step1"&gt;1.Install Magento Extension&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#step2"&gt;2.Configure extension&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#step3"&gt;3.Launch Widgets&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#faq"&gt;&amp;nbsp;&amp;nbsp;Frequently Asked Questions&lt;/a&gt;&lt;/li&gt;   
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Here I want to click on heading "Magento Extension" which should usually slidesup is siblings subheading.
  But now when I click on heading it refreshes page and subheading arent slideup.</p>
  
  <p>Code I am using is:</p>
  
  <pre><code>$(".uk-magento").click(function(e) {
    e.preventDefault();
    $(this).parent().siblings().hasClass('.uk-nav-parent-mag').removeClass("hidden", 400, "easeInBack");
  });
  </code></pre>