Soucis avec le menu accordéon

Bonjour le peuple !

Je suis débutante et souhaitais pouvoir ajouter un menu déroulant sur mon site. j'ai finalement trouvé comment procèder. Mon soucis est que lorsque j'ouvre le 1er menu cela m'affiche TOUS les autres sous-menus des autres menus.... (vous suivez ?) Comment faire pour que lorsque je clique sur mon premier menu il ne m'ouvre pas tout le reste ?

Mon second problème : lorsque mon menu déroulant s'ouvre il me décale tout le reste de ma page et je n'ai aucune idée de comment empêcher cela.

En attente de vos réponses, je vous souhaite à tous une bonne journée

Euh... ça fait pas longtemps que je suis sur le forum, mais je crois qu'on va te demander de montrer tes codes pour pouvoir t'apporter de l'aide...

Je me doutait bien je le fait de suite afin d'avoir une réponse rapide !

Code Javascript

<script type="text/javascript" src="jsfiles/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	$("ul.menu_body li:even").addClass("alt");
    $('img.menu_head').click(function () {
	$('ul.menu_body').slideToggle('medium');
    });
	$('ul.menu_body li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
</script>

En espérant que cela soit suffisant.

Salut

Il faut manipuler l'objet cliqué (this)

    $('img.menu_head').click(function () { 
    $(this).parents("ul").slideToggle('medium'); 
    });

Un truc comme ça, mais faudrait aussi montrer le code html du menu.

Voilà le code HTML du menu

<td width="186" height="214" valign="top" bgcolor="#E1E1E1"><div class="container">
    <img src="images/navigate.png" width="184" height="32" class="menu_head" />
    <ul class="menu_body">
    <li><a href="#">Biographie</a></li>
    <li><a href="#">Awards & Nominations</a></li>
    <li><a href="#">Lui écrire</a></li>
    </ul>
      <img src="images/carriere.png" width="184" height="32" class="menu_head" />
    <ul class="menu_body">
    <li><a href="#">Filmogaphie</a></li>
    <li><a href="#">Réalisation/production</a></li>
    <li><a href="#">Théâtre</a></li>
    <li><a href="#">Clip Vidéo</a></li>
    <li><a href="#">Voix</a></li>
    <li><a href="#">Télévision</a></li>
    </ul>
        <img src="images/medias.png" width="184" height="32" class="menu_head" />
    <ul class="menu_body">
    <li><a href="#">Galerie</a></li>
    <li><a href="#">Vidéos</a></li>
    <li><a href="#">Forum</a></li>
    </ul>
          <img src="images/fanarts.png" width="184" height="32" class="menu_head" />
    <ul class="menu_body">
    <li><a href="#">Wallpapers</a></li>
    <li><a href="#">Avatars</a></li>
    </ul>
          <img src="images/lesite.png" width="184" height="32" class="menu_head" />
    <ul class="menu_body">
    <li><a href="#">Accueil</a></li>
    <li><a href="#">Anciennes versions</a></li>
    <li><a href="#">Nous contacter</a></li>
    </ul>
    
</div>           </td>

SnowCake a écrit :
Je suis débutante et souhaitais pouvoir ajouter un menu déroulant sur mon site.

Cette condition et cette envie sont incompatible. La réalisation de menus déroulants potables requiert des compétences professionnelles en intégration.

Solution: faire une navigation plus simple.

C'est mon dernier mot Jean-Pierre.

Merci pour cette aide. Je vais chercher ailleurs je finirai bien par trouver

Peace et bonne journée