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 :
(je ne sais pas si je suis bien clair
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)
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
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)