25 lines
841 B
JavaScript
25 lines
841 B
JavaScript
|
document.addEventListener("DOMContentLoaded", function() {
|
||
|
|
const toggleAllButton = document.getElementById("toggle-all");
|
||
|
|
const postHeaders = document.querySelectorAll(".post-header");
|
||
|
|
const posts = document.querySelectorAll(".post");
|
||
|
|
|
||
|
|
toggleAllButton.addEventListener("click", function() {
|
||
|
|
posts.forEach(post => {
|
||
|
|
post.classList.toggle("collapsed");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
postHeaders.forEach(header => {
|
||
|
|
header.addEventListener("click", function(event) {
|
||
|
|
const postId = event.currentTarget.getAttribute("onclick").match(/\d+/)[0];
|
||
|
|
togglePostBody(postId);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
function togglePostBody(postId) {
|
||
|
|
const postBody = document.getElementById(`post-body-${postId}`);
|
||
|
|
const post = postBody.closest(".post");
|
||
|
|
post.classList.toggle("collapsed");
|
||
|
|
}
|