11484 sujets

JavaScript, DOM et API Web HTML5

Hello!

Pour mon portfolio, j'essaye de créer ce type d'affichage en slideUp

Mon code


1/ Pour réduire au max le code JS et éviter de taper 14 fois (pour 15 images par exemple) la div concernée dans chacune des fonctions du slideUp ...Y a t'il une commande qui reprend le principe de [id*="panel"] mais que le JS ne l'applique pas à la div en cours (une fois cliquée) ?
sachant que toutes les div ont le même nom suivi du chiffre incrémenté : panel1, panel2...panel15 etc

Dans l'idée ce serait cela :
$(document).ready(function(){
    $("#flip1").click(function(){
        $("#panel1").slideToggle("slow");

-->        $("[id*="balise"]" - "#panel1").slideUp("slow");

    });
});


(je ne sais pas si je suis bien clair Smiley smile

2/ Je ne comprend par pourquoi Panel3 est plus grand après s'être refermé au lieu de reprendre ses dimension initiales...

D'avance merci pour l'aide
Modifié par foebb (26 May 2016 - 13:21)