Click here to Skip to main content
15,879,535 members
Home / Discussions / JavaScript
   

JavaScript

 
AnswerRe: React date formatting Pin
Richard Deeming7-Apr-22 4:01
mveRichard Deeming7-Apr-22 4:01 
AnswerRe: React date formatting Pin
Jeremy Falcon26-Oct-22 12:01
professionalJeremy Falcon26-Oct-22 12:01 
Questionjava project Pin
Turki F773-Apr-22 15:30
Turki F773-Apr-22 15:30 
AnswerRe: java project Pin
Richard Deeming3-Apr-22 21:26
mveRichard Deeming3-Apr-22 21:26 
QuestionAsync call inside loop finishes later than loop itself Pin
Bohuslav Parenica2-Apr-22 0:51
Bohuslav Parenica2-Apr-22 0:51 
AnswerRe: Async call inside loop finishes later than loop itself Pin
Richard Deeming3-Apr-22 21:33
mveRichard Deeming3-Apr-22 21:33 
AnswerRe: Async call inside loop finishes later than loop itself Pin
Jeremy Falcon26-Oct-22 12:14
professionalJeremy Falcon26-Oct-22 12:14 
QuestionTransforming Excel to Html (javascript) Pin
Member 1554681528-Mar-22 0:09
Member 1554681528-Mar-22 0:09 
GeneralMessage Closed Pin
23-Mar-22 19:02
Richardrussel23-Mar-22 19:02 
QuestionMessage Closed Pin
23-Mar-22 19:00
Richardrussel23-Mar-22 19:00 
QuestionFormulario js Pin
Member 155607559-Mar-22 7:18
Member 155607559-Mar-22 7:18 
AnswerRe: Formulario js Pin
RedDk9-Mar-22 7:33
RedDk9-Mar-22 7:33 
QuestionCreating a responsive menu Pin
Member 1554804125-Feb-22 4:58
Member 1554804125-Feb-22 4:58 
AnswerMessage Closed Pin
25-Feb-22 5:40
Member 1554804125-Feb-22 5:40 
AnswerMessage Closed Pin
25-Feb-22 5:41
Member 1554804125-Feb-22 5:41 
AnswerRe: Creating a responsive menu Pin
Member 1554804125-Feb-22 5:44
Member 1554804125-Feb-22 5:44 
AnswerRe: Creating a responsive menu Pin
Richard Deeming27-Feb-22 21:12
mveRichard Deeming27-Feb-22 21:12 
QuestionAdding auto expand functionality to collapsible script Pin
Member 1554681524-Feb-22 3:38
Member 1554681524-Feb-22 3:38 
AnswerRe: Adding auto expand functionality to collapsible script Pin
Member 1554681524-Feb-22 9:52
Member 1554681524-Feb-22 9:52 
I have slightly modified the Javascript and now I solved the auto expand problem, but I lost the transaction effect, somebody knows why? I would like to keep both of them


<pre>window.addEventListener("DOMContentLoaded", e => {

  const getContainerHeight = el => {
    return window.getComputedStyle(el).getPropertyValue("height");
  };

  const setTransitionHeights = el => {

    let containerWasOpen = el.classList.contains("open");

    el.style.height = null;

    el.classList.remove("open", "ready");
    el.dataset.initial = getContainerHeight(el);

    el.classList.add("open");
    el.dataset.final = getContainerHeight(el);
    el.classList.remove("open");

    if(containerWasOpen) {
      el.classList.add("open");
      el.style.height = el.dataset.final;
    } else {
      el.style.height = el.dataset.initial;
    }

    el.classList.add("ready");

  };

  document.querySelectorAll(".collapsible.slow").forEach(current => {

    let toggler = document.createElement("div");
    toggler.className = "toggler";
    current.appendChild(toggler);

    setTransitionHeights(current);

    toggler.addEventListener("click", e => {
      current.style.height = current.classList.toggle("open") ? current.dataset.final : current.dataset.initial;
    });

  });
document.querySelectorAll(".collapsible.slow").forEach(l=>{ //this one I added
  l.addEventListener("click", e => {  //and this one

    document.querySelectorAll(".collapsible.slow").forEach(current => {
      setTransitionHeights(current);
    });

  });
})

});

QuestionProper decoding using Vanilla Javascript Pin
jkirkerx17-Feb-22 12:04
professionaljkirkerx17-Feb-22 12:04 
AnswerRe: Proper decoding using Vanilla Javascript Pin
Richard Deeming17-Feb-22 21:33
mveRichard Deeming17-Feb-22 21:33 
GeneralRe: Proper decoding using Vanilla Javascript Pin
jkirkerx18-Feb-22 6:49
professionaljkirkerx18-Feb-22 6:49 
GeneralRe: Proper decoding using Vanilla Javascript Pin
Richard Deeming24-Feb-22 0:21
mveRichard Deeming24-Feb-22 0:21 
GeneralRe: Proper decoding using Vanilla Javascript Pin
jkirkerx24-Feb-22 5:37
professionaljkirkerx24-Feb-22 5:37 
QuestionAngular JS A href in View source Pin
Member 367124116-Feb-22 1:36
Member 367124116-Feb-22 1:36 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.