左のメニュー部分とコンテンツ部分のjQueryソース

<script type="text/javascript">

/*navi*/
function switcher(){
$("div#togWrap").html("<a id='back'><</a>");
$("div#navi").removeClass("naviON");
}

function switcher2(){
$("div#togWrap").html("<a id='toggle'>></a>");
$("div#navi").addClass("naviON");
}

$("div#navi.naviON").live("click",function () {
$("#navi")
.animate({left: "0"},500,"swing",{complete:switcher()});
});


$("a#back").live("click",function () {

$("#navi")
.animate({left: "-150px"},500,"swing",{complete:switcher2()});
});

/*contens*/
$(function(){
$("#naviInner li a").live("click",function () {
$($("#naviInner li a.sel").attr("href")).hide();
$("#naviInner li a.sel").removeClass("sel");
$(this).addClass("sel");
$($(this).attr("href")).fadeIn("fast");
return false;
});
});

</script>

たとえばこんな感じでコンテンツが表示されます。

たとえばこんな感じでコンテンツが表示されます。

たとえばこんな感じでコンテンツが表示されます。

たとえばこんな感じでコンテンツが表示されます。