I have a teacher creating a homepage with a table. On the left hand column of the table is a list of links. She would like to be able to hover over the links and get a drop down menu of choices to click OR be able to click on the choices and get a drop down list to choose from without switching pages.
Could anyone provide some HTML for this or share some homepages with may have some features like this?
Thanks in advance for the help!
<!-- faux drop-down title -->
aria-label="Toggler toggle list visibility"
style="font-size: 1.5em; font-weight:700; color:#0058a0;">
<i class="icon-arrow-open-right"></i> All Unit 3 Topics (click to expand)</span></p>
<!-- faux drop-down content -->
<div id="index3pt1" style="background-color:#dee8f4; margin-left: 2em; padding: 1em 2em 1em 2em; display: none;">
<p style="color:black"><a href="#">3.1 Magnitude of Torque</a></p>
<p style="color:black"><a href="#">3.2 Analysis of Dynamics</a></p>
<p style="color:black"><a href="#">3.3 Moment of Inertia</a></p>
All Unit 3 Topics (click to expand)
[or would if it worked here; if you copy and paste into the HTML editor of a Canvas page, it should work]
Some notes on the code above that I've learned via experimenting:
All this said, I'm largely self-taught re: HTML & CSS and only started using Canvas in August, so I'm sure there are tons of folks with better and smarter solutions out there so I'll also be following this thread with interest. Hope this helps and let me know if you have any questions.