[jQuery] Disabilitare pulsante su determinata condizione

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 è:

Codice:

---

$("#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.

Ci ho già provato in questo modo:

Codice:

---

$("#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?

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.