我的jquery响应网页有问题

我正在建立一个响应性强的网页，到目前为止，我已经有了一些功能。然而，有一方面我似乎做不到 我想使用jquery将页面左侧的垂直菜单移动到页面左侧的-280px，因此 将显示页面的全部内容。这只应在单击子菜单链接时发生，并在单击页面顶部的链接时返回。 我希望我已经清楚地描述了这一点。我该怎么写这样的剧本呢

HTML
 <nav class="pushmenu-left">

                <div id="caption"><h1>Mobile</h1></div>

                <ul>
                    <li><a href="#tab-1">Home</a></li>
                    <li><a href="#tab-2">Support</a></li>
                    <li class="active"><a href="#tab-3">Web Design</a>

                        <ul>
                          <li><a href="#tab-4">HTML</a></li>
                          <li><a href="#tab-5">CSS</a></li>
                          <li><a href="#tab-6">JavaScript</a></li>
                        </ul>
                    </li>
                    <li><a href="#tab-7">Content Management</a>

                        <ul>
                          <li><a href="#tab-8">Joomla</a></li>
                          <li><a href="#tab-9">Drupal</a></li>
                          <li><a href="#tab-10">WordPress</a></li>
                          <li><a href="#tab-11">Concrete 5</a></li>
                        </ul>
                    </li>

                    <li><a href="#tab-12">Contact</a>

                        <ul>

                          <li><a href="#tab-13">General Inquiries</a></li>

                          <li><a href="#tab-14">Ask A Question</a></li>

                        </ul>

                      </li>

                    <li><a href="#tab-15">About</a></li>

                </ul>

请尝试此库： 或者，如果您不需要任何动画，并且希望手动创建，请尝试以下操作：

$("#id-of-submenu-link-that-hides-menu").on('click',function() {
    var menu = $('#id-of-menu-to-hide');
    menu.css('position','absolute');//if you have it positioned some other way
    menu.css('margin-left','-280px');
});

$("#id-of-link-to-show-menu").on('click',function() {
    var menu = $('#id-of-menu-to-hide');
    menu.css('position','inherit');//or whatever it originally was
    menu.css('margin-left','0');
});

您可能需要也可能不需要弄乱菜单的位置-这取决于您当前如何定位它。如果你不确定的话，可以尝试改变位置，也可以不改变位置。

---

希望有帮助。如果你有任何不合理的地方，请告诉我，祝你好运

我试过了，但没用。我想实现的最重要的事情是能够点击一个子菜单链接，并让整个垂直菜单块从页面左侧滑出，显示所点击链接的内容。是的，我的代码只会让它出现和消失，而不是滑动。我刚刚编辑了我的帖子，添加了一个jquery插件，可以满足您的需要。