Toggle
Nicholas Frota edited this page Apr 26, 2017
·
2 revisions
Toggles .title-active
class on any object with either .title-toggle
or .title-target
when .title-toggle
is clicked.
As any toggle, clicking 1st on .title-target
adds .title-active
and clicking 2nd time yanks it.
Add complex functions writing only CSS and HTML:
-
.title-target
is hidden, and.title-target.title-active
is visible -
.title-toggle
is (more examples here)
Need different functions on the same page? you can have different names, like .modal-*
for a modal function, .sidebar-*
for a sidebar, etc. They're all self contained.
Discuss: when removing .title-active
from object, add a .title-out
silent class for mere half second, then take it off too. This way it's easy to add out animations, too.
- nonlinear.nyc/tangle
- questions? email us at info@nicholasfrota.com or twitter