title: Unable to collapse and showing incorrect symbols on data filtering
body: <p>I can able to <code>search</code> or <code>filter</code> the names and can see their details from the <code>input search</code> as well as on <code>clicking</code> of given 
  icons(i.e I can <code>expand/collapse</code>) in the given <a href="https://jsfiddle.net/mavdhana/u77ouuLn/" rel="nofollow noreferrer">Fiddle</a>.</p>
  
  <p>But I am facing few issues like: </p>
  
  <p>a).  If I <code>search</code> any name or any details from the input field, then it's <code>filtering</code> and <code>showing</code> the respective data (i.e it is <code>expanding</code> - it's fine), but I am unable to <code>collapse</code> it on <code>filtering</code>(i.e on clicking of "<code>-</code>" sign, that respective data is <code>not collapsing</code>) and after that</p>
  
  <p>b). If I <code>remove</code> any searched data from the input field, then all the data is going to be <code>collapsed</code>(it's fine), but they are collapsing in "<code>-</code>" sign instead of "<code>+</code>"sign</p>
  
  <p>Please help me that how to fix these things and thanks in advance !</p>