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

这样的东西？ Fiddle

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

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

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

Answer 2

您可以在下方查看jsfiddle个文件。它工作正常。

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

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

点击更多类别向下滑动DIV

2 个答案: