Ajouter & supprimer active de la classe à partir d'un lien de navigation

J'ai été à la recherche de tutoriels sur la façon d'ajouter et de supprimer une classe à partir d'un lien, malheureusement sans succès. Toutes les questions sur ce ont me donner une certaine compréhension, mais je n'ai pas à me donner le résultat que je veux accomplir.

J'essaie d'avoir un état actif pour ma navigation, par l'ajout et la suppression d'une classe, lorsque le lien est cliqué.

Voici ce que j'ai comme beaucoup comme JavaScript:

$(document).ready(function(){

    //active state  
    $(function() {
        $('li a').click(function(e) {
            e.preventDefault();
            var $this = $(this);
            $this.closest('li').children('a').removeClass('active');
            $this.parent().addClass('active');

        });
    });
});

Et c'est ma navigation:

<div id="nav">
    <div id="main-nav" class="center">
        <ul>
            <li><a href="/photography.php">Photography</a></li>
            <li><a href="/web.php">Web</a></li>
            <li><a href="/print.php">Print</a></li>

            <li class="nav-R"><a href="/about.php">About</a></li>
            <li class="nav-R"><a href="/contact.php">Contact</a></li>
        </ul>
    </div><!-- close center -->
</div><!-- close-nav -->
Je pense l'option la plus rapide serait de $("main-nav ul li").removeClass('active')

OriginalL'auteur user782245 | 2011-12-05