homer77/tootkomm
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed the Show/Hide button

Browse Source
This commit is contained in:
maste9
2022-02-17 20:51:26 +01:00
parent e3af41ea2e
commit 1221bc295d
2 changed files with 45 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@@ -94,9 +94,10 @@
const myCW = document.createElement('summary');
const myButton = document.createElement('button');
myButton.addEventListener("click", showHide);
myButton.textContent = "\u{1F648}";
myButton.title = "Show/Hide Content";
// myButton.textContent = "\u{1F648}";
myCW.textContent = obj.spoiler_text;
myButton.classList.toggle("show");
myButton.classList.add("hide");
myHeader.appendChild(myCW);
myHeader.appendChild(myButton);
@@ -139,7 +140,7 @@
function populateFooter(item, obj){
const footer = document.createElement('footer');
const stats = document.createElement('ul');
stats.innerHTML = `<li class="replies fa-solid fa-retweet">${obj.replies_count}</li><li class="favs fa-solid fa-star">${obj.favourites_count}</li><li class="boosts fa-solid fa-share">${obj.reblogs_count}</li>`;
stats.innerHTML = `<li class="replies fa-solid fa-retweet" title="Replies">${obj.replies_count}</li><li class="favs fa-solid fa-star" title="Favorites">${obj.favourites_count}</li><li class="boosts fa-solid fa-share" title="Boosts">${obj.reblogs_count}</li>`;
footer.appendChild(stats);
item.appendChild(footer);
}
@@ -159,11 +160,13 @@
if( section.style.display == "none" ){
section.style.display = "block";
button.classList.toggle("hide");
button.classList.add("show");
button.classList.remove("hide");
}
else {
section.style.display = "none";
button.classList.toggle("show");
button.classList.add("hide");
buttom.classList.remove("show");
}
}