[jQuery] Disabilitare pulsante su determinata condizione

[miki92]

Buonasera,
ho due pulsanti che premuti richiamano un semplicissimo toggle() di jQuery.

Questi due pulsanti nascondono/mostrano rispettivamente due contenitori HTML con un determinato ID. Il codice in uso è:

$("#b").click(function(){
$("#lavoro").toggle("slow");
$("#prodotti").hide("slow");
});

$("#a").click(function(){
$("#prodotti").toggle("slow");
$("#lavoro").hide("slow");
});

// I due contenitori sono di default visibili, se l'utente usa JavaScript ne nascondo uno
$(document).ready(function(){
$("#lavoro").hide();
$('#a').attr('href','javascript:void(0)');
$('#b').attr('href','javascript:void(0)');
});

Come si può capire io cliccando prima su un pulsante e poi sull'altro ho la possibilità di nascondere entrambi i contenitori. Ecco...ciò che vorrei e che non possono essere entrambi nascosti ma uno deve essere per forza visibile.

Come posso fare?

Potresti verificare, anche tramite .is() di jQuery se l'altro elemento è o meno visibile.

[miki92]

Ci ho già provato in questo modo:

$("#b").click(function(){
$("#lavoro").toggle("slow");
$("#prodotti").hide("slow");

if($("#a").is(":hidden")){ alert("OK"); }
if($("#a").is(":visible")){ alert("OK"); } // Ho provato anche così

});

Ma non ho ricevuto alcun alert.

perchè non posti il codice intero così possiamo dare un occhiata meglio?

[miki92]

Non vedo motivo per cui debba postare tutto il codice HTML della pagina in cui c'è solo il javascript del primo post con due div (#lavoro, #prodotti), p (con classi) e due a con ID a e b.