JavaScript afficher/masquer de l'onglet

Est ce que je veux cacher tout d'abord du contenu, puis cliquez sur un onglet, le contenu correspondant montre (l'onglet devient "actif"), où les cliquez de nouveau, il va disparaître. certains onglets sont juste un "mailto".

problème est que je ne peut pas masquer les onglets lors de la cliquez de nouveau

    $(document).ready(function(){
    $('#nav div').hide();
    $('#nav div:first').show();
    $('#nav ul li:first').addClass('active');
    $('#nav ul li a').click(function(){ 
        $('#nav div').hide();
        $('#nav ul li').removeClass('active');
        $(this).parent().addClass('active'); 
        var currentTab = $(this).attr('href'); 
        if($(currentTab).css('display')=='none'){
            $(currentTab).show();
        }else{
            $(currentTab).hide();
        }

    }
);
});

le code de navigation est la suivante:

<div id="nav">
    <ul>
      <li><a href="#about">About</a></li>
      <li><a href="mailto:email">Email</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
    <div id="about">
      about
    </div>
    <div id="contact">
      contact
    </div>
</div>
quel est le problème que vous rencontrez? la partie n'est pas de travail?
oh je suis désolé! n'étant pas à masquer les onglets lors de la cliquez de nouveau. j'ai mis à jour la question.
Que voulez-vous arriver quand un mail à avoir cliqué sur le lien?
juste lancer le client de messagerie, pas de contenu s'affiche

OriginalL'auteur Rex | 2011-11-30