点击DIV上下滑动，获得更多类别

sliding up down DIV on click with more categories

本文关键字：DIV 上下 点击      更新时间：2023-09-26

我对java脚本了解甚少，所以如果有人帮我完成，我会非常感激

我想要这个效果http://jsfiddle.net/dJS4g/但不是一个链接，我想有6个链接，将显示不同的内容点击

javascript
$(function()
  {
     $("a#toggle").click(function()
                         {
                            $("#contact").slideToggle();
                            return false;
                         }); 
  });
html
<div id="contact">
    Contact me!
</div>
<a href="#" id="toggle">Contact</a>
css
#contact
{
    display: none;
    background: grey;
    color: #FFF;
    padding: 10px;
}

**

在这里找到了我要找的东西http://jsfiddle.net/jakecigar/XwN2L/2154/感谢大家帮助

**

类似的东西？Fiddle

$(function () {
    $("#all").click(function () {
        $("#newborn").slideToggle();
        $("#family").slideToggle();
        $("#senior").slideToggle();
        $("#portrait").slideToggle();
        $("#wedding").slideToggle();
        return false;
    });
});

通过这种方式，单击第一个div，即可显示其他div。再次单击，其他div将消失。

注意：不要将slideToggle()设置为#alldiv，否则您将无法再切换其他div。

您可以在下面检查两个jsfiddle文件。它运行良好。

http://jsfiddle.net/UpuDU/[手风琴类型]

http://jsfiddle.net/UpuDU/6/[选项卡类型]

相关文章：