これができるかどうかわかりません。ファイルにメニューがありmenu.jsp
ます。今まで、私は自分の にメニューを含めましたoriginal.jsp
。ここで、私の代わりにボタンを提供したいと思います。menu.jsp
ユーザーがボタンをクリックすると、ロードしたいと思いますmenu.jsp
。どうやってやるの?ページを Microsoft Outlook Navigation Paneのように見せたいです。私は今これを持っています...ボタンはoriginal.jspにあります。他の div は menu.jsp にあります
$(document).ready(function() {
$('#showmenu').click(function() {
var hidden = $('.sidebarmenu').data('hidden');
$('#showmenu').text(hidden ? 'Hide Menu' : 'Show Menu');
if(hidden){
$('.sidebarmenu,.image').animate({
left: '0px'
},500)
} else {
$('.sidebarmenu,.image').animate({
left: '-210px'
},500)
}
$('.sidebarmenu,.image').data("hidden", !hidden);
});
});
<div id="content">
<div id="pageNav" style="z-index:9999; position:relative;height:180px;">
<button id="showmenu" type="button">Hide menu</button>
<div class="sidebarmenu" style="position: absolute;">
Menu List
<img class="image" src="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg">
</div>
</div>