Skip to content

Instantly share code, notes, and snippets.

@jerrylee
Created June 4, 2018 17:04
Show Gist options
  • Save jerrylee/695d7abd91cc53d83cab3e104a9b2273 to your computer and use it in GitHub Desktop.
Save jerrylee/695d7abd91cc53d83cab3e104a9b2273 to your computer and use it in GitHub Desktop.
$('.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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment