クリックするとスライドが開くこのバーを作成しました。ただし、+がクリックされたときにのみ開きたいです。+ハイパーリンクがありますが、スライダーを+にのみ応答させ、サイドバーを通常に戻す方法がわかりません(現在、コンテンツdivの下に移動しています。助けてください。
<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
</head>
<body>
<div id="wrapper">
<div id="nav">
<div id="menu-expand">
<a href="#" class="closed"><span>+</span></a>
</div>
</div>
<div id="content"></div>
</div>
<!-- Scripts -->
<script>
$(function() {
$('#nav').click(function() {
var leftMargin = ($(this).css('margin-left') === '0px') ? '-150px' : '0px';
$(this).animate({ 'margin-left' : leftMargin }, 500);
});
});
</script>
</body>
</html>