JavaScript Accordion Tutorial in Hindi / Urdu

[@51-avinashyadav57]

Thanku bhaiya ❤ aap ne meri baat sun li esi tarah aap batate rahiye bahut achhe samjh aata h aapka padhaya hua.

[@mdmotiur2758]

Sir, I have learned JavaScript from your tutorial. Please upload more JavaScript project, that helps us to implement our learning. You are the best teacher. Best of luck.

[@prasadbagul2146]

Sir Please Continue This Example Series With So Many Examples Like Headers Footers Megamenu Multiple Dropdown Slick Sliders Testimonials Number Counter Countdown Timer Like Because Sir Your All Points Are Understand In Very Simply And It Really Very Helpfull I Really Salute Your Efforts I Have No Words For Your Great Work Sir

[@prasadbagul2146]

Sir Your Teaching Is Fantastic And Clears Each And Every Concept Properly Very Nice Video Sir Really Very Helpful

[@muhammadhamza6063]

it's very simply to undertsand if teacher (sir Yaho Baba) lot of thanks and respect from pakistan karachi🤗

[@YahooBaba]

Your most welcome :)

[@muhammadhamza6063]

@@YahooBaba request) sir we need more examples video please

[@ukripple]

Please keep continue this series with fully responsive components without any framework (bootstrap, foundation )etc

[@YahooBaba]

sure :)

[@anupmanwatkar1301]

Soo good to see you back sir 🙏

[@DipaDanuwr-ho9oq]

I learn html and css js php and bootstrap python is very famous programming languages sir i request sir please next video python full programming series why i request you because your explanation example all good i love it ❤ i connected when learning with you

[@YahooBaba]

Coming soooon

[@code2world176]

Kafi dino baad video aaya accha laga

[@shyampant4362]

Great way of teaching Sir.

[@YahooBaba]

Thanks for liking

[@codesaif8075]

Dude Don't stop this JS Example series keep making projects take it to the advance level

[@arazadeveloper]

sir ap apni javascript ke course ki aik aik video ko real world mein project bana k use kr dein istarah ache tariqe se samjh aye gi. is se practical ho jaya ga k javascript ke tamam method ko kaise use karna h please sir please

[@anumrizwan8642]

Please continue this series.🙏

[@meenazshaikh206]

Please create React and nodejs playlist as well .the way you teach its amazing and easy to understand

[@YahooBaba]

After completing Laravel course I will start ReactJS.

[@siddiquikamran5799]

Thanks for comeback 😊🎉

[@shajadulshadin]

Is this the parts of JavaScript playlist or advance JavaScript playlist??

[@Robenhood.]

I would like to ask if you have any plans to create such a python tutorial series, and if so, when we can expect the first video to be uploaded. I understand that creating high-quality video content can be time-consuming and challenging, but I am willing to wait for as long as it takes to ensure that the final product is top-notch.

[@muhammadnaveed7953]

Thank you Sir g.. you are doing just awesome work 🎉

[@YahooBaba]

Your most welcome :)

[@brijeshsaini4794]

Thanks full video sir

[@ak.gamingjone8161]

Thankyou so much 🎉🎉🎉

[@umermalik2907]

Sir asy or bii projects ki videos banyan good tutorial sir

[@prateekchoudhary7357]

please create a reactjs series it ll help alot of people to get good jobs

[@ভোমরা]

JavaScript❤

[@fightflowwithcomedy3300]

sir please upload more javascript fronthand projects

[@zeeshan4831]

Waiting for more 😊

[@vinodmahor135]

Sir aur aisei hi videos lao

[@YahooBaba]

sure :)

[@zeeshan4831]

That's amazing 🤩

[@mohammadrizwan5927]

React or Next JS ki playlist kb aygi sir? 😢

[@farukweb]

nice accordion.

[@Nisarsafi274]

sir please react ka course kab start karain gain?

[@jawadahmed55]

Please make more javascript example

[@jack40888]

React native and advance javascript more episodes sir please ✨

[@MuneeshNirmal-f8w]

Waiting for JavaScript Examples 8, when you can upload.

[@codeandearn]

thanks

[@sujoyghosal4562]

awesome

[@shanikhan5148]

Sir advance JS ki remaining video's kab ay gi? 🙄

[@Nisarsafi274]

yahoo baba ki j ho yahoo baba ki j hoo yahoo baba ki jo we love you sir your amazing

[@mustansarparvi4156]

Sir isko details tag sai bi kar saktai hai kya

[@nirajwem]

Sir ye new batch hai kaya javascript ka

[@onestep7776]

Sir i am waiting for reactjs playliat

[@GAMINGFANATICS-cfs]

hello sir jis tera ap na cass sikhi hai oss kha tetoria bna hai javascript kha bi oss thera sara thotrial bna da kon see proprty kaha ues honi hai somthing else

[@minnalvegakanitham6308]

Comment box in PHP website one video please

[@rupinderkaur-ht4pf]

Hello sir input mask I’m js k uper bi ek vedio baha do

[@Avinashk983]

brother make a video javascript in one shot

[@GyanendraShukla-nx8ud]

Sir how to make a "moveable div" which we can move by touch and cursor please

[@shamsurahman5971]

Sir g please MERN stack main ek ecomerce website ka project karly...

[@srkajolfan6341]

Its like a Google questions list

[@YahooBaba]

Yes it is

[@AbdullahDeveloper-e7p]

Way you target according-content in script I guess you didn't need to target it?

[@Nisarsafi274]

sir your amzing please start now react please please like this

[@DanishAli-k8z]

sir g node js bna dein pls

[@VivekKumar-yn7xp]

Sir php project laye

[@muhammadwaeeem2349]

Sir aik tick tack toe game pe easy logic pe vedio bna den .kindly

[@YahooBaba]

Hello, main games ki coding nahi karta hun ...sirf web development, mobile app development pe he videos banata hun.

[@muhammadwaeeem2349]

@@YahooBaba thank u sir! may you live long

[@musicvideochannel1081]

First view ❤

[@SaweraMushtaq-d1u]

I tried this example but my content is not showing after applying class active, Can you check please?

[@SaweraMushtaq-d1u]

Accordions .accordion { border: 1px solid black; width: 450px; } .accordionitem { margin-bottom: 5px; } .accordiontitle { background-color: rgb(190, 113, 126); padding: 8px; transition: background 1s; cursor: pointer; } .accordiontitle:hover { background-color: rgb(167, 65, 82); } .accordioncontent { background-color: rgb(253, 203, 212); padding: 8px; display: none; } .accordion-item .active .accordioncontent { display: block; /* display: inline-block; */ } JavaScript Accordions Accordion 1 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est provident iure sed quos. Placeat temporibus autem voluptas beatae maxime. Rerum quibusdam libero quo, possimus dolores blanditiis perferendis aliquid repellendus magnam. Accordion 2 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est provident iure sed quos. Placeat temporibus autem voluptas beatae maxime. Rerum quibusdam libero quo, possimus dolores blanditiis perferendis aliquid repellendus magnam. Accordion 3 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est provident iure sed quos. Placeat temporibus autem voluptas beatae maxime. Rerum quibusdam libero quo, possimus dolores blanditiis perferendis aliquid repellendus magnam. Accordion 4 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est provident iure sed quos. Placeat temporibus autem voluptas beatae maxime. Rerum quibusdam libero quo, possimus dolores blanditiis perferendis aliquid repellendus magnam. const accordionItems = document.querySelectorAll(".accordion-item"); accordionItems.forEach((item) => { const title = item.querySelector(".accordiontitle"); const content = item.querySelector(".accordioncontent"); title.addEventListener("click", () => { item.classList.toggle("active"); }); });

[@YahooBaba]

Here is our code : www.yahoobaba.net/lab/javascript-accordion

[@SaweraMushtaq-d1u]

@@YahooBaba Thank you so much but it would be really helpful if you point out the mistake in my code as well.

[@shareskill91]

How to animate according smoorthly

[@codesaif8075]

I am adding transition but it is not working. how can i make it smooth?

[@rupinderkaur-ht4pf]

Hello sir

[@mohdfarhan1038]

Sir spring boot p bana do

[@raza5500]

Plz plz plz sir node js start kr dy plz

[@Nisarsafi274]

guys if you want REACT JS just reply here and says yahooo baba ki j hoo

[@Nisarsafi274]

yahoo baba ki j ho yahoo baba ki j hoo yahoo baba ki jo we love you sir your amazing

[@Nisarsafi274]

@matrixeducation285 0 seconds ago yahoo baba ki j ho

[@Nisarsafi274]

yahoo baba ki j ho yahoo baba ki j hoo yahoo baba ki jo we love you sir your amazing

[@Nisarsafi274]

yahoo baba ki j ho yahoo baba ki j hoo yahoo baba ki jo we love you sir your amazing

[@Nisarsafi274]

yahoo baba ki j ho yahoo baba ki j hoo yahoo baba ki jo we love you sir your amazing

[@jitendramistry1241]

Please keep continue this series with fully responsive components without any framework (bootstrap, foundation )etc

[@YahooBaba]

sure :)

[@codesaif8075]

@@YahooBaba Yes