Awesome, I hope you gather every sniper in one ui kit, or create ur own html template will love to buy it. Just focus not to deal heavily on javascript.
Can you do a big project like cloud drive website just like gdrive or mega drive , your chatting website was awesome , and also a simple OTP verification page too Yours sincerely Subscriber and supporter
the second forEach (in removeOpen function) will loop through all the accordions and by using the index2 we get the index of each accordion so we can use this condition and compare both the indexes (index1 and index2) to remove the class "open" from all accordions and reseting the height of each accordion to 0 except for the one that matches index1 (which we click on) to have one accordion opened for each click. if u still don't get it , open ur code studio and try it urself with printing both indexes in the console so u understand what do they stand for
Tenía un problema con que las opciones del acordeón no se abrían al tamaño del contenido. Lo pude solucionar con lo siguiente: description.style.height = description.scrollHeight + "px" ;
Hello can you please help me on how to code this? Thanks! Write a JavaScript function to get the month name from a particular date. Test Data: °console.log(month_name(new Date("10/11/2009"))); °console.log(month_name(new Date("11/13/2014"))); Output : "October" "November"
Wow~This is the ultimate accordion tutorial that I need! Thank you so much for sharing the process!
Thank you for this tutorial, I am searching for alternate open-close accordion logic and you provide exact same concept. thanks
Glad it was helpful!
Thank you. I badly needed this and after searching so many places, I found it at last.
Amazing Tutorial 👌👌
Thank you! Cheers!
great job , this tutorial was usful to me . thanks
Glad it helped
I really thank you very much for providing the source code so I can be inspired
No worries!, t will be uploaded soon.
You're so awesome!
You too!!
Awesome, I hope you gather every sniper in one ui kit, or create ur own html template will love to buy it.
Just focus not to deal heavily on javascript.
I will try my best
MMMMM Finally i got the perfect FAQ that I was looking from last 2 days
thanks man, this helps alot
Thank you for this video 💯
My pleasure!
Bravo!!!!!!
Great tutorial! Subscribed! Will the source code be up soon?
Now Link is available.
Gracias 👉🔔
Can you do a big project like cloud drive website just like gdrive or mega drive , your chatting website was awesome , and also a simple OTP verification page too
Yours sincerely
Subscriber and supporter
Can you explain what do you mean by this "if (index1 != index2){ }" i have a confusion here.
the second forEach (in removeOpen function) will loop through all the accordions and by using the index2 we get the index of each accordion so we can use this condition and compare both the indexes (index1 and index2) to remove the class "open" from all accordions and reseting the height of each accordion to 0 except for the one that matches index1 (which we click on) to have one accordion opened for each click.
if u still don't get it , open ur code studio and try it urself with printing both indexes in the console so u understand what do they stand for
Nice video
Thanks a ton
@@CodingLabYT np can you in the next video make login/sign in form with database?
Is it possible to embed an into this?
your line 4 on js, you missed the dot (".header") . But why its still working ??
I have selected header tag.
Gracious, I cant find the sourcodes for downloading
It will be uploaded soon.
Guys, does anyone know how to add a transition to the plus and minus to rotate? I tried, but couldn't figure it out. Thanks for any help!!
Please do voice over it will be more understandable
You should do custom context menu
Tenía un problema con que las opciones del acordeón no se abrían al tamaño del contenido. Lo pude solucionar con lo siguiente:
description.style.height = description.scrollHeight + "px" ;
16:08
muito bom
please 🙏🥺 code entertainment website front page layout and entertainment website single page ...thanks 👍
want this code
Hello can you please help me on how to code this? Thanks!
Write a JavaScript function to get the month name from a particular date.
Test Data:
°console.log(month_name(new Date("10/11/2009")));
°console.log(month_name(new Date("11/13/2014")));
Output :
"October"
"November"
get bootstrap
const accordionContent = document.querySelectorAll(".accordion-content");
accordionContent.forEach((item,index) => {
let header = item.querySelector('header');
header.addEventListener("click", () =>{
item.classList.toggle("open");
let description = item.querySelector(".description");
if(item.classList.contains(open)){
description.style.height = '${description.scrollHeight}px';
}else{
description.style.height = "0px";
item.querySelector("react-icons/ai").classList.replace("AiFillPlusCircle","AiFillMinusCircle");
}
removeOpen(index);
})
console.log(header);
})
function removeOpen(index1){
accordionContent.forEach((item2,index2) =>{
if(index1 != index2){
item2.classList.remove("open");
let des = item2.querySelector(".description");
des.style.height = "0px";
item.querySelector("react-icons/ai").classList.replace("AiFillPlusCircle","AiFillMinusCircle");
}
})
}