gistfile1.txt

$('.explore-unit').click(function(){
		if($(this).hasClass('hide-it')){
			$('#side_wrapper').animate({
				left:"-500px",
				top:"-500px"
			});
			$(this).removeClass('hide-it');
		} else {
			$('#side_wrapper').animate({
				left:"0",
				top:"100px"
			});
			$('#side_wrapper').addClass('hide-it');
		}
	});
  
  
  
  
  <li class="hamburger-wrapper" role="navigation" aria-label="Main menu">
    <button class="explore-unit hide-it" aria-haspopup="true" aria-pressed="false" data-id="explore"> 
      <i class="hamburger-menu" role="presentation"></i> 
    </button>
  </li>
  
  <div id="side_wrapper" style="border-left-style: none;">
    <div id="side-wrapper-header">
        <div id="mob_search">
            <form name="mob_search" action="https://business.att.com/tsearch" onsubmit="checkEntSearch(); return false;" method="get">
                <input id="qm" name="q" onclick="if(this.value == 'Search Business for...') this.value='';" onfocus="this.value=''" onblur="this.value='Search Business for...'" size="25" maxlength="256" value="Search Business for..." title="Search Input (Access Key 4)." autocomplete="off" accesskey="4" class="search_text" type="text">
                <button type="submit" value="" class="mob_button search-icon glyphicon glyphicon-search"></button>
            </form>
        </div>
        <!-- #mob_search -->
    </div><!-- #side-wrapper-header -->
  </div>