1

これができるかどうかわかりません。ファイルにメニューがあり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>

4

0 に答える 0