Vikrant's Demo for Open sidebar window with jQuery

http://stackoverflow.com/questions/29484126/open-sidebar-window-with-jquery

by Vikrant Khuspe

HTML

<div id="first">
    <img src="http://porschedvd.de/bluptest/umg/wp-content/uploads/2014/05/lup.png"/>
</div>
<div id="second">
    <p>Here is your Direction and Store content</p>
</div>

CSS

div{
    display: inline;
}
#second {
    float: left;
    margin-left: -360px;
    padding: 15px;
    height: 100%;
    width: 320px;
    background: #eff0f1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: auto;
}

#first {
    width: 60px;
    height: 60px;
    background-color: rgb(218, 218, 218);
}

#second.active {
    margin-left: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

JavaScript

$('#first').on('click', function() {
    $(this).children().toggleClass('active');
    $('#second').toggleClass('active');
});