2009-08-07 7 views
-5

Comment est-ce que je fais un menu extensible et réductible dans le script java où cliquer sur un menu développera les enfants dedans et réduira d'autres menu (s) développé (s)?Comment créer un menu pliable en javascript?

+0

Il existe environ 3 000 façons. Utilisez-vous un framework? –

+4

éminemment googleable - avez-vous même essayé? SO tend à mieux répondre à l'effort – annakata

+0

Im n'utiliser aucun travail de cadre – Santanu

Répondre

1

jQuery:

$(".toggle-control").click(function(){ 
    $(".target-div").hide(); 
    $(this).next().show(); 
}); 

si votre code html est quelque chose comme ceci:

<p class="toggle-control">Click to expand</p> 
<div class="target-div">some text here</div> 
<p class="toggle-control">Click to expand</p> 
<div class="target-div">some text here</div> 
<p class="toggle-control">Click to expand</p> 
<div class="target-div">some text here</div> 
2

En plus de one of SO's running jokes pour une réponse, ce que vous voulez est un accordion menu (peut-être pas pour l'ef fects, mais pour contenir l'ensemble du menu).

Voici une solution sans bibliothèque: Javascript And CSS Tutorial - Accordion Menus.

Ou, une bibliothèque/script spécifique à l'accordéon: http://www.stickmanlabs.com/accordion/

Sinon, si vous êtes pour utiliser une bibliothèque et des add-ons, il y a beaucoup d'options: 10 Javascript Accordion Scripts.

Questions connexes