toggle actu sur H2

This commit is contained in:
2025-12-01 22:09:06 +01:00
parent fa2352b00f
commit ff4fabba70
4 changed files with 54 additions and 39 deletions

View File

@@ -399,27 +399,34 @@ $(document).ready(function () {
.addClass("toggle-actualite") .addClass("toggle-actualite")
.insertAfter(article); .insertAfter(article);
toggleButton.on("click", function () { // Fonction de toggle (à utiliser partout)
function toggleActu() {
body.slideToggle(); body.slideToggle();
links.slideToggle(); links.slideToggle();
$(this).toggleClass("open"); toggleButton.toggleClass("open");
}); }
// Clic sur la flèche // Clic sur le bouton
toggleButton.on("click", function (e) { toggleButton.on("click", function (e) {
e.stopPropagation(); // évite des conflits éventuels e.stopPropagation();
toggleActu(); toggleActu();
}); });
// Clic n'importe où sur le node // Clic sur le node entier sauf liens
article.on("click", function (e) { article.on("click", function (e) {
// Optionnel : ne pas toggle si on clique sur un lien if ($(e.target).closest("a").length) {
if ($(e.target).closest("a").length) { return;
return; }
} toggleActu();
toggleActu();
}); });
});
// 👉 Clic aussi sur le H2
article.find("h2").on("click", function (e) {
e.stopPropagation();
toggleActu();
});
});
// slimselect // slimselect
// duplicated due to embeded view (archives) // duplicated due to embeded view (archives)
let actu_type_select = new SlimSelect({ let actu_type_select = new SlimSelect({

File diff suppressed because one or more lines are too long

View File

@@ -341,27 +341,34 @@ $(document).ready(function () {
.addClass("toggle-actualite") .addClass("toggle-actualite")
.insertAfter(article); .insertAfter(article);
toggleButton.on("click", function () { // Fonction de toggle (à utiliser partout)
function toggleActu() {
body.slideToggle(); body.slideToggle();
links.slideToggle(); links.slideToggle();
$(this).toggleClass("open"); toggleButton.toggleClass("open");
}); }
// Clic sur la flèche // Clic sur le bouton
toggleButton.on("click", function (e) { toggleButton.on("click", function (e) {
e.stopPropagation(); // évite des conflits éventuels e.stopPropagation();
toggleActu(); toggleActu();
}); });
// Clic n'importe où sur le node // Clic sur le node entier sauf liens
article.on("click", function (e) { article.on("click", function (e) {
// Optionnel : ne pas toggle si on clique sur un lien if ($(e.target).closest("a").length) {
if ($(e.target).closest("a").length) { return;
return; }
} toggleActu();
toggleActu();
}); });
});
// 👉 Clic aussi sur le H2
article.find("h2").on("click", function (e) {
e.stopPropagation();
toggleActu();
});
});
// slimselect // slimselect
// duplicated due to embeded view (archives) // duplicated due to embeded view (archives)
let actu_type_select = new SlimSelect({ let actu_type_select = new SlimSelect({

View File

@@ -15,6 +15,7 @@
@import "global/layout"; @import "global/layout";
@import "global/reset"; @import "global/reset";
@import "global/mediaquerries"; @import "global/mediaquerries";
// @import "global/_animated-logo"; // @import "global/_animated-logo";