Tipp! – Highlighten eins li´s innerhalb einer Liste mit jQuery
Anbei nur ein kleiner Tipp! wie man einfach ein li auf klick highlighten kann und dem aktiven li die Klasse wieder entzieht.
CSS:
1 2 3 | .active{ color: red; } |
HTML:
1 2 3 4 5 6 | <ul id="liste"> <li>eins</li> <li>zwei</li> <li>drei</li> <li>vier</li> </ul> |
jQuery:
1 2 3 4 5 | $(document).ready(function() { $('#liste li').click(function(){ $(this).closest('li').addClass('active').siblings().removeClass('active'); }); }); |
Typo3 Freelancer on September 26th, 2009
Für eine Listennavigation finde ich das ganz brauchbar, um die aktive Seite farblich zu kennzeichnen.