The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> dropdown information toggle box (clickable)
SmartG
post Jun 30 2016, 02:57 PM
Post #1





Group: Members
Posts: 1
Joined: 30-June 16
Member No.: 24,383



I have this dropdown (clickable) information box working in dreamweaver in the 'live' view, but it does not work when published to web. It will open, but will not 'hide' the info.
Here is the link to the page: www.coi.ucf.edu/financial.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jun 30 2016, 04:11 PM
Post #2


.
********

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



Do you mean this button:

CODE
<button onClick="myFunction()" class="dropbtn">Federal Reporting Exclusions</button>

? The javascript that it calls (which is duplicated both in the HEAD section and just below the DIV) toggles a "show" CLASS value in this DIV:

CODE
<div id="myDropdown" class="dropdown-content">

but I can't find any such CLASS in the two stylesheets, and nothing that hides the DIV either.

It's not a very good script IMO, since it appears to leave the DIV permanently closed if javascript is disabled. I'd rewrite it completely.

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: 24th April 2024 - 06:34 PM