2013-07-26 59 views
0

我有JavaScript編程,以便了解甚少,如果有人可以幫助我走出上點擊滑動上下DIV與多個類別

我想這個效果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/謝謝大家對你的幫助

**

回答

1

像這樣的事情? Fiddle

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

這樣通過點擊第一個div,其他人都表示。再次點擊其他divs消失。

注意的是:不要設置slideToggle()甚至到了#all DIV,否則你不能切換其他的div了

0

,您可以檢查以下兩個jsfiddle文件。它工作正常。

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

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

+0

這就是那種我想要的,但不是...我想要的鏈接是內聯和降向上和向下的影響下發生他們 – Allianora

+0

你想要子菜單嗎? –

+0

是這樣的:http://jsfiddle.net/UpuDU/2/ –