11543 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

J'ai créer un menu déroulant dont voici un extrait :

<nav id="access" role="navigation">
    <div class="menu-menu_general-container">
        <ul id="menu-menu_general" class="menu">
            <li>
                <a href="#">Accueil</a>
            </li>
            <li>
                <a href="#">Pages</a>
                <ul class="level-0">
                <li id="menu-item-156" class="">
                    <a href="#">Sous Page 1</a>
                    <ul class="level-1">
                    <li id="menu-item-157" class="">
                        <a href="#">Sous sous Page 1</a>
                    </li>


Donc quand je vais sur "Pages", il déplie "sous page", et pour certaines sous pages il y a des "sous sous pages" et je voudrais que lorsqu'il y a des une sous sous pages pouvoir mettre en background image une flèche ou autre sur "sous pages" pour indiquer qu'il y'a un niveau après.

Étant donné que j'ai animé mon menu en jquery avec un effet slide, je pense que le plus simple est de faire ça en jquery a moins qu'on me propose une solution en css3 mais je bloque dessus sans y arriver.

Je pensais à un .append mais j'ai beau bidouillé dans tous les sens je n'arrive pas a obtenir le résultat escompté !