點擊時滑入DIV類別更多

Question

我對javascript的了解很少，因此如果有人幫助我，我將非常感謝

我想要這種效果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()設置為#all div，否則您將無法再切換其他div

Answer 2

您可以在下面的兩個jsfiddle文件中進行檢查。 工作正常。

http://jsfiddle.net/UpuDU/ [手風琴類型]

http://jsfiddle.net/UpuDU/6/ [標簽類型]