0
Markup
1 2 3 4 5 6 7 8 9 10 | < div id = "nav" > < ul > < li class = "active" >< a href = "#" class = "homepage" >Sarah Demeestere</ a ></ li > < li >< a href = "#" class = "mission" >Mission</ a ></ li > < li >< a href = "#" class = "superstring" >Superstring</ a ></ li > < li >< a href = "#" class = "art" >Art</ a ></ li > < li >< a href = "#" class = "film" >Film</ a ></ li > < li >< a href = "#" class = "contact" >Contact</ a ></ li > </ ul > </ div > |
jQuery
1 2 3 4 5 6 7 8 | <script type= "application/javascript" > $( function (){ $( '#nav a' ).click( function (){ $( '#nav li' ).removeClass( 'active' ); $( this ).parents( 'li:first' ).addClass( 'active' ); }); }); </script> |
DATE 17 Fév 2011