Question

我的页面中有一个左侧导航菜单。

我需要使用类似导航窗口的内容，默认情况下会在页面加载时第一次关闭。

如果用户想要查看导航菜单，他/她需要点击导航菜单上方的小图标，例如：“＆gt;＆gt;”然后点击“＆lt;＆lt;”如果他们想关闭它

在Jquery中我需要使用哪个控件。

由于

Answer 1

您可以使用hide()隐藏jQuery中的任何内容。

例如，如果您的菜单子项具有类.children，则可以在脚本的开头调用它：

$(".children").hide();

当你有一个菜单时：

<div class="menu">
  <div class="parent">Foo 1</div>
    <div class="children">Bar 1</div>
    <div class="children">Bar 2</div>
    <div class="children">Bar 3</div>
  <div class="parent">Foo 2</div>  
    <div class="children">Baz 1</div>
</div>

假设您有>>按钮，其ID为#expand。为了"slide" the children down（使它们可见）你可以这样做：

$("#expand").click(function(){
  $(".children").slideDown();
});

同样适用于sliding them up让它们再次隐身：

$("#collapse").click(function(){
  $(".children").slideUp();
});

Answer 2

虽然我完全不了解您的问题，但您可以添加如下链接：

<a id="myID" href="#">>></a>

然后将点击事件与此链接相关联

$('a#myID').click(function(){
// Show or hide your division for example
});

Answer 3

$('a.click').click(function() {
  var html = $(this).html() == '&raquo;' ? '&laquo;' : '&raquo;';
  $(this).html(html);
  $('div.target').toggle();
});

试试，在适当的地方替换.click和.target类名。

Answer 4

以下是您需要的内容：

隐藏：http://docs.jquery.com/UI/Effects/Slide

显示：http://docs.jquery.com/UI/Effects/show

如何使用Jquery或Javascript实现展开和关闭 - 滑动菜单？

4 个答案: