The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help- Can anyone tell me what this is called?, Drop down sections
Mohey
post May 4 2017, 10:39 AM
Post #1





Group: Members
Posts: 3
Joined: 4-May 17
Member No.: 26,394



Hi, I would like to create this drop down sections with rules and regulations on my website and have search Google for the name of what it is called and cant seem to find any reference as I would like to learn how to do it for my site.

Would love if anyone could please help me define what I would be searching for. Thanks.

Example of what I want here......


http://abga.org/about-abga/rules-regulations/

Thanks heaps.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post May 4 2017, 11:13 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



Those are often called javascript "toggle menus". Another name is "accordion menu".

Here's an example on how not to do it: https://www.w3schools.com/howto/howto_js_accordion.asp --the example uses CSS to hide the sections and then requires javascript to show them, which means the content becomes inaccessible in browsers that don't use javascript. It's better to both hide and show the content with javascript, and let it be shown by default if javascript is disabled in the browser.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mohey
post May 5 2017, 03:36 AM
Post #3





Group: Members
Posts: 3
Joined: 4-May 17
Member No.: 26,394



QUOTE(Christian J @ May 4 2017, 11:13 AM) *

Those are often called javascript "toggle menus". Another name is "accordion menu".

Here's an example on how not to do it: https://www.w3schools.com/howto/howto_js_accordion.asp --the example uses CSS to hide the sections and then requires javascript to show them, which means the content becomes inaccessible in browsers that don't use javascript. It's better to both hide and show the content with javascript, and let it be shown by default if javascript is disabled in the browser.



Thankyou.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mohey
post May 5 2017, 03:37 AM
Post #4





Group: Members
Posts: 3
Joined: 4-May 17
Member No.: 26,394



Thankyou
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 6 2017, 08:20 AM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,731
Joined: 9-August 06
Member No.: 6



ppk used to have menu like that and he also published the script, but I can't find it at Wayback Machine. Well, it's probably outdated now when much more can be done with CSS.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 26th April 2024 - 10:04 AM