Function per cambiare CSS e ritorno!

[pelandro]

Ciao ragazzi,

ho realizzato un tasto che modifica la visualizzazione di un div spostandolo su "display: none", ma non capisco come richiamare il ritorno, in pratica deve far riapparire il div sempre cliccando sullo stesso tasto (ovviamente spostando su "display: inline"):

function showMenu(){
$(".contenuto").live('click',(function(){$(".hidde ncontenuto").html("<span style='display: none;'></span>.");}));
}

qualcuno mi sa dire come posso fare?
grazie anticipatamente.

[Xinod]

nella funzione richiamata al click verifica
if($(".hiddencontenuto").is(':visible'))
e agisci di conseguenza

ciao

[pelandro]

nella funzione richiamata al click verifica
if($(".hiddencontenuto").is(':visible'))
e agisci di conseguenza

ciao

grazie della risposta, un if mi sembrava anche a me la cosa più sensata, ma non sembra funzionare:

function showMenu(){

    if($(".hiddencontenuto").is(':visible')){

        $(".contenuto").live('click',(function(){$(".hiddencontenuto").html("<span style='display: none;'></span>.");}));
    }
    else{
        $(".contenuto").live('click',(function(){$(".hiddencontenuto").html("<span style='display: inline;'></span>.");}));
    }
}

??

[Xinod]

l' if va nella funzione anonima che richiami al click,
cosi' come hai scritto viene valutato una sola volta, al momento dell' assegnazione del gestore evento, non ad ogni click

[pelandro]

lo script non è lungo, ma non riesco a farlo funzionare comunque.
Mi scuso per l'ignoranza in materia!
Ecco tutto il codice:

var isdebug=false;
$(document).ready(function() {
    
    tabs.init();
    widgetTemp.init();
    showMenu();
});

function showMenu(){
    $(".contenuto").live('click',(function(){$(".hiddencontenuto").html("<span style='display: none;'></span>.");}));
}

var widgetTemp={
    span:null,
    init:function()
    {
        widgetTemp.span=$("#widg-temp");
    }    
}

var tabs={
    obj:null,
    a:null,
    section:null,
    init:function()
    {
        tabs.obj=$(".tab-container");
        tabs.a=tabs.obj.find(">ul li a");
        tabs.section=tabs.obj.find(".container section");
        tabs.callbacks();
    },
    callbacks:function()
    {
        tabs.a.click(
            function()
            {
                var _this=$(this);
                tabs.a.removeClass("on");
                _this.addClass("on");
                tabs.section.removeClass("on");
                tabs.section.eq(tabs.a.index(_this)).addClass("on");
            }
        );
    }
}