Closing Sidebar by Clicking Outside using Javascript | Auto Close Sidebar When click on Link

Closing Sidebar by Clicking Outside using Javascript | Auto Close Sidebar When click on Link

Online Tutorials

3 года назад

63,130 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

roberto stringa
roberto stringa - 19.08.2023 23:08

I think is better if you toggle a class like "is-sidebar-open" directly to de body. Then you can reference everything from that class.

Ответить
Smart life crew
Smart life crew - 18.07.2023 05:46

Thankyou 100much sir you are awesome 😎✌️🤗

Ответить
Souvik Karmakar
Souvik Karmakar - 07.07.2023 00:05

Thank you sirr ❤❤❤❤❤

Ответить
Suprabhat Kumar
Suprabhat Kumar - 04.07.2023 08:26

Thank you ... 😢😢 Must..

Ответить
Balakrishnan
Balakrishnan - 16.06.2023 15:02

Awesome video bro, good understanding for me, awesome explanation, Thank You

Ответить
Kamran Z
Kamran Z - 10.06.2023 14:31

You are a life saver!

Ответить
Fraser Lock-Macardy
Fraser Lock-Macardy - 13.03.2023 18:48

Thank you so very much for making this video. I notice I was not the only one frustrated looking how to do this task. Out of all the solutions I tried, This one is certainly the best. Thank you again. Live long and Prosper.

Ответить
Coder Mj
Coder Mj - 20.02.2023 18:59

great tutorial brother, I was thinking to add this function on my new website project and forgot how to add or remove but this video helped me to remember how its done, ty

Ответить
sudarshan girigoudar
sudarshan girigoudar - 06.02.2023 15:12

Can You just show me how Auto Close Sidebar When click on Link it works on angular type script

Ответить
sudarshan girigoudar
sudarshan girigoudar - 03.02.2023 15:51

Sir can you do on using type script sir??? in angular ???

Ответить
Kishori Sahoo
Kishori Sahoo - 28.11.2022 05:38

You are really great bro 😇... You have solution of everything.... Please kindly help me to solve a problem " how to display a modal near to the clicked button by javascript" I have more button of Book Room and I want to display the modal box near to the clicked button by the user. 🙏🙏🙏 please make a video on it.

Ответить
UBTonai.online
UBTonai.online - 19.11.2022 20:19

Thanks for great tut

Ответить
venu manikonda
venu manikonda - 25.10.2022 15:33

Thank a lot bro.. ❤

Ответить
Pramod Ghodke
Pramod Ghodke - 22.09.2022 00:26

Sir please please tell how can I avoid to scroll page when, navabr is collapsed.... My page is enable scroll even if my navbar is open/collapses...so i want make make page unable to scroll, until you choose any link or until you close navbar...i am using react..plz help

Ответить
Kumudu Wijewardhana
Kumudu Wijewardhana - 05.09.2022 20:27

This is very valuable. Thank you so much 🙏

Ответить
nagaraju b
nagaraju b - 11.07.2022 18:57

Shortcut key identify to click without clicking without mouse , please tell , for side bar

Ответить
Jessel Zapanta
Jessel Zapanta - 15.06.2022 15:12

Thank you for this one

Ответить
Ayla
Ayla - 12.06.2022 21:12

Thank you so much! I'm making my first website so this tutorial is exactly what I needed and now it works) Thank you ones again!

Ответить
Google Account
Google Account - 28.03.2022 01:29

How do I make the page content push to the right when the menu toggle opens? Thank You!

Ответить
Sunnah Presentation
Sunnah Presentation - 09.03.2022 14:37

Thanks a lot

Ответить
Smit Patel
Smit Patel - 16.02.2022 11:42

What if I don't want to close the side menu while interacting with the links but want to close when I click outside.

Ответить
Peje GZ
Peje GZ - 02.02.2022 00:20

Thanks so much for the video man, it really help me a lot :) <3

Ответить
Andri Salazar
Andri Salazar - 30.01.2022 04:10

Thanks a lot for the help.

Ответить
Dark music
Dark music - 22.01.2022 07:42

You are amazing bro.thanks

Ответить
Dũng Nguyễn
Dũng Nguyễn - 23.12.2021 14:48

Thank you, this is what i looking for

Ответить
Javier Chacon
Javier Chacon - 23.12.2021 04:06

What a tutorial!!!. Thank you so much.

Ответить
Dimas Enggal Mukti
Dimas Enggal Mukti - 07.12.2021 23:15

Thanks a lot!

Ответить
Mehedi Hasan
Mehedi Hasan - 04.12.2021 09:07

why you don't speak....? in video

Ответить
TommyzDad
TommyzDad - 19.09.2021 19:30

Thank you so much for this!

Ответить
Mark Tofan
Mark Tofan - 27.08.2021 12:45

thank you! it was really helpful

Ответить
Amol Jore
Amol Jore - 22.08.2021 13:08

amazing work bro, how do this in ReactHooks? can you help me?

Ответить
jhmesseroux
jhmesseroux - 16.08.2021 21:54

I was searching for that technique during months. Thanks you bro ✅💯

Ответить
Bhavya Khurana
Bhavya Khurana - 16.08.2021 17:39

Is this Responsive ??

Ответить
Thomas Middleton
Thomas Middleton - 16.08.2021 03:19

Oh my god I've been searching for this for months, and now I've finally found it. Thank you so much!!!

Ответить
Prajwal_beats
Prajwal_beats - 11.07.2021 17:32

Thank you so much❤️❤️. I am searching this from one month❤️❤️

Ответить
Bobely
Bobely - 19.06.2021 19:57

thousand of tutorials about making a hamburger menu, but here is the only one who shows us how to close it xD thanks dude !

Ответить
Mr. Web Designer
Mr. Web Designer - 16.06.2021 20:28

thank you sir

Ответить
Amr Alaaeldin - عمرو علاءالدين
Amr Alaaeldin - عمرو علاءالدين - 01.06.2021 10:12

help please..
what specifically made it auto close when click on a link?

Ответить
Paul McCann
Paul McCann - 13.05.2021 17:56

Cool, but you shouldn't animate position properties (left: -300px). Use transform: translateX(-300px) for better performance and no jankiness.

Ответить
Luis Fernando
Luis Fernando - 27.04.2021 23:47

Great, :) I'm very learning with this channel. :)

Ответить
Yeasin Arafat
Yeasin Arafat - 20.04.2021 03:41

Did you use jQuery

Ответить
Alen Babanović
Alen Babanović - 17.04.2021 22:39

what if we have class="toggle" and class="sidebar" , how then target them in javaScript.

Ответить
Python Black
Python Black - 15.04.2021 01:28

hello thank you bro for this video i need this code source for free plz link for copy ?

Ответить
Rhavi Saputra
Rhavi Saputra - 07.04.2021 06:30

Any suggestion to select child id to? It doesnt work because my current id is covered by my child id.

Ответить
Sushant Kumar
Sushant Kumar - 03.04.2021 19:39

thank you so much I was searching for this problem from last 5months and finally u solved it ❤🙏

Ответить
Omar Al-Halabiah
Omar Al-Halabiah - 02.04.2021 22:00

nice work

Ответить
The Blair Wits Project
The Blair Wits Project - 02.04.2021 07:36

script doesn't work on firefox. I think 2 const toggle won't work in firefox but seems worked on chrome. I changed the other one const sidebar and it worked on firefox.

Ответить
Ikram Dirujii
Ikram Dirujii - 02.04.2021 05:48

Sir i need a css HTML website.
How i can contact with you ?

Ответить