toggle partenaires
This commit is contained in:
@@ -946,7 +946,7 @@ $(document).ready(function () {
|
|||||||
////////////////// end class à view-rows-wrapper ////////////////
|
////////////////// end class à view-rows-wrapper ////////////////
|
||||||
|
|
||||||
|
|
||||||
////////////// toggle page node projet //////////////////
|
////////////// start toggle page node projet //////////////////
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
|
||||||
const photo = document.querySelector('.field_field_equipe_photo');
|
const photo = document.querySelector('.field_field_equipe_photo');
|
||||||
@@ -983,6 +983,34 @@ btn.insertAdjacentElement('afterend', separator);
|
|||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////end toggle page node projet //////////////////
|
||||||
|
|
||||||
|
//////////////start toggle partenaire //////////////////
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$(".node-type-partenaire").each(function () {
|
||||||
|
let article = $(this);
|
||||||
|
|
||||||
|
let body = article.find(".field_body");
|
||||||
|
let links = article.find(".field_field_lien");
|
||||||
|
|
||||||
|
body.hide();
|
||||||
|
links.hide();
|
||||||
|
|
||||||
|
let toggleButton = $("<button>")
|
||||||
|
.addClass("toggle-partenaire")
|
||||||
|
.appendTo(article);
|
||||||
|
|
||||||
|
toggleButton.on("click", function () {
|
||||||
|
body.slideToggle();
|
||||||
|
links.slideToggle();
|
||||||
|
$(this).toggleClass("open");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
//////////////start toggle partenaire //////////////////
|
||||||
|
|
||||||
|
|
||||||
})(jQuery, window);
|
})(jQuery, window);
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -3344,6 +3344,25 @@ body {
|
|||||||
padding-right: 0.2rem;
|
padding-right: 0.2rem;
|
||||||
padding-left: 0.2rem;
|
padding-left: 0.2rem;
|
||||||
}
|
}
|
||||||
|
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .toggle-partenaire {
|
||||||
|
display: block;
|
||||||
|
grid-column: 7;
|
||||||
|
grid-row: 1;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin: 10px auto;
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: url("../img/fleche-bas.svg");
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
.partenaires .layout-content .content_container .views-element-container .node-type-partenaire .toggle-partenaire.open {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
#pour_candidater .node-type-static {
|
#pour_candidater .node-type-static {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
|||||||
@@ -888,7 +888,7 @@ $(document).ready(function () {
|
|||||||
////////////////// end class à view-rows-wrapper ////////////////
|
////////////////// end class à view-rows-wrapper ////////////////
|
||||||
|
|
||||||
|
|
||||||
////////////// toggle page node projet //////////////////
|
////////////// start toggle page node projet //////////////////
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
|
||||||
const photo = document.querySelector('.field_field_equipe_photo');
|
const photo = document.querySelector('.field_field_equipe_photo');
|
||||||
@@ -925,6 +925,34 @@ btn.insertAdjacentElement('afterend', separator);
|
|||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////end toggle page node projet //////////////////
|
||||||
|
|
||||||
|
//////////////start toggle partenaire //////////////////
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
$(".node-type-partenaire").each(function () {
|
||||||
|
let article = $(this);
|
||||||
|
|
||||||
|
let body = article.find(".field_body");
|
||||||
|
let links = article.find(".field_field_lien");
|
||||||
|
|
||||||
|
body.hide();
|
||||||
|
links.hide();
|
||||||
|
|
||||||
|
let toggleButton = $("<button>")
|
||||||
|
.addClass("toggle-partenaire")
|
||||||
|
.appendTo(article);
|
||||||
|
|
||||||
|
toggleButton.on("click", function () {
|
||||||
|
body.slideToggle();
|
||||||
|
links.slideToggle();
|
||||||
|
$(this).toggleClass("open");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
//////////////start toggle partenaire //////////////////
|
||||||
|
|
||||||
|
|
||||||
})(jQuery, window);
|
})(jQuery, window);
|
||||||
|
|
||||||
|
|||||||
@@ -121,6 +121,27 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.toggle-partenaire {
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
grid-column: 7;
|
||||||
|
grid-row: 1;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin: 10px auto;
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: url("../img/fleche-bas.svg");
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle-partenaire.open {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user