<div className="user-account">
   <div className="user-info">
      <img src="images/resources/user.png" alt=""/>
      <a href="#" title="">John</a>
      <i className="la la-sort-down"></i>
   </div>
   <SlideToggle>
      {({ toggle, setCollapsibleElement }) => (
      <div className="my-collapsible">
         <button className="my-collapsible__toggle" onClick={toggle}>
         toggle
         </button>
         <div className="my-collapsible__content" ref={setCollapsibleElement}>
            <div className="my-collapsible__content-inner">
               <div className="user-account-settingss" id="users">
                  <h3>Setting</h3>
                  <ul className="us-links">
                     <li><a href="profile-account-setting.html" title="">Account Setting</a></li>
                     <li><a href="#" title="">Privacy</a></li>
                     <li><a href="#" title="">Faqs</a></li>
                     <li><a href="#" title="">Terms & Conditions</a></li>
                  </ul>
                  <h3 className="tc"><a href="" onClick={this.handleLogout} title="">Logout</a></h3>
               </div>
            </div>
         </div>
      </div>
      )}
   </SlideToggle>
</div>