javascript - 单击更多类别时向下滑动 DIV

Question

我对javascripting知之甚少，所以如果有人帮助我，我将不胜感激

我想要这种效果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/谢谢大家的帮助

**

Answer 1

像这样的东西？ 小提琴

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

这样通过点击第一个div，其他的都会显示出来。再次单击其他 div 消失。

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

Answer 2

您可以检查以下两个jsfiddle文件。它工作正常。

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

http://jsfiddle.net/UpuDU/6/ [标签类型]