bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

toggle actu sur H2

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-12-01 22:09:06 +01:00
parent fa2352b00f
commit ff4fabba70
4 changed files with 54 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

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

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map vendored
View File

File diff suppressed because one or more lines are too long

45
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

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

1
web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
View File

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