JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<div class="window">
    	<div class="slide">
            <span class="pic">I AM THE PIC</span>
        </div>
        <div class="menu">
        	<ul>
            	<a href="#"><li class="even" id="connect">CONNECT</li></a>
            	<a href="#"><li id="media">MEDIA</li></a>
                <li class="even">DIGITAL</li>
                <li>MANAGE</li>
                <li class="even">PROMO</li>
                <li>CREATE</li>
                <li class="even">CONTACT</li>
            </ul>
        </div>
    </div>

JavaScript

$(document).ready(function(){
$("#media").click(function(e){
  $(".pic").animate({"margin-left": "-=50px"}, "slow");
});
});