Question

我有2个链接：category1和category2。我想在鼠标点击适当的链接时向下滑动文本。例如，如果有人点击了category1，我想要下载category1内容。如果soneone点击了category2，我想向下滑动category2内容并关闭第1类内容。我还想在category1和category2中同时滑动链接。如果用户点击了我想要滑动适当的类别（即关闭内容）。我怎样才能做到这一点？提前谢谢。

Answer 1

您尚未发布任何HTML，因此我假设您使用的标记在菜单方面或多或少是“标准”。

因此，假设您在以下标记的范围内：

<ul id="menu">
    <li>Category 1
        <ul><!-- links --></ul>
    </li>
    <li>Category 2
        <ul><!-- more links --></ul>
    </li>
    <!-- ... and so on -->       
</ul>

您可以使用以下内容实现您想要的（根据我的理解）：

jQuery(function($) {

    var $menu = $('#menu'),
        $menu_items = $menu.children('li')
        ;

    $menu_items.click(function () {

        $menu_items.not(this).slideUp();
        $(this).slideDown();

    });

})

这样，当您从#menu添加/删除菜单项时，您无需添加/更改任何代码。

Answer 2

你可以用这个

$("#category1").click(function(){
$("#category2content").animate({"height","0"},normal,linear,function(){$("#category1content").animate({"height","500"},normal)});
});

$("#category2").click(function(){
$("#category1content").animate({"height","0"},normal,linear,function(){$("#category2content").animate({"height","500"},normal)});
});

如果需要，您可以添加额外的功能以使其更具体。如果需要，可以重复使用内容。

请阅读http://api.jquery.com/animate/了解更多信息。将500更改为您需要的任何高度。

如何逐个向下滑动文本和jquery？

2 个答案: