10818 sujets

JavaScript, DOM et API Web HTML5

Bonsoir à tous!!

Mon "toogle" fonctionne bien mais le menu vertical à "re-translater en position négatif " ne s'execute pas.La fonction est repondue par "else" en premier.

Merci et à bientôt!! Smiley cligne

[
//menu burger.......

function myFunction(x) {
x.classList.toggle("change");

//MENU verticale translate

var z = document.getElementById("menu_vert");

if (z.style.left === "null") {
$(document).ready(function ( ) {
$('#menu_vert').css("transform", "translate(-250px,0)"); });
}
else {
$(document).ready(function () {
$('#menu_vert').css("transform", "translate(250px,0)"); });
z.style.backgroundColor="green";
return false;
}
}
]
Modifié par pulpMulk (19 May 2020 - 18:42)
Le code formaté :

[
    // Menu burger
    function myFunction (x) {
        x.classList.toggle('change');

        // Menu vertical translate
        var z = document.getElementById('menu_vert');

        if (z.style.left === "null") {
            $(document).ready(function () {
                $('#menu_vert').css('transform', 'translate(-250px,0)'); 
            });
        } else {
            $(document).ready(function () {
                $('#menu_vert').css('transform', 'translate(250px,0)');
            });

            z.style.backgroundColor = 'green';
            return false;
        }
    }
]

Modifié par Wazazaby (20 May 2020 - 20:00)
Bonjour Wazazaby!
En fait: le premier clic est excecuté en 'else' .Mais je veux que le second reprenne la valeur initiale du menu(caché en position négative)!Ok OK!