Bonjour à tous,

J'ai recupérer un code qui me permets de dérouler mes sous menu.

Ce code me plait, mais j'aimerais avoir l'option que les sous-menu se deroule orizotalement.

Je ne peux le faire que verticalement

Alors j'essaye de modifier le code.

Je mettrai le code complet qui n'est pas enorme.

Je pesne que je dois agir sur cette partie
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
$this.hover(function () {
                if(settings.instantlyCloseOthers === true)
                    $allDropdowns.removeClass('open');
 
                window.clearTimeout(timeout);
                $parent.addClass('open');
                //$this.css('border','3px solid #ff22ff')
                $this.trigger(showEvent);
            });
A savoir que la class open s'ajoute sur le li qui le parent du ul que je soihaite qui s'affiche sur sa droite, et se deploie verticalement

J'ai ajouter ce qui est en commentaie.
J'aimerais remplacer ceci pour que le ul enfant au li se déploie horizontalement , sur la droite, et juste en bordure du li, au meme niveau. Et que se dernier se deploie verticalement.

Et ainsi de suite, le prochaine sous menu de deploie a droite du li (donc a l'horizontal) et il se deploie verticalement.

Je n'arrive pas deja remplacer ceci
//$this.css('border','3px solid #ff22ff')

J'ai essayl ceci
Code : Sélectionner tout - Visualiser dans une fenêtre à part
$this.find('ul.dropdown-menu').css('background-color','#ff22ff');
Pour qu'il agisse sur le ul enfant au li.

Pourriez-vous me guider?

merci