jQuery změna pozadí několik funkci

Zdravím mám tlačítka u kterých když najedu kurzozem změním pozadí a když z něj odjedu vrátí se zase zpátky takový hover v jQuery to funguje dobře.Ale taky chci ,když na to tlačítko kliknu aby zůstalo přepnuté což se samozřějme zruší při funkci mouseout.
Přidávám kód a tedy otázka je jak zachovat stav když se klikne.Jestli se to tady už řešilo tak se omlouvám ,ale nepodařilo se mi to najít.
$('.prepinanici_div')
.mouseover(function(){
$(this).children("img").attr('src', 'obr/radio2.jpg');
$(this).children("h4").css('color', 'white');
})
.mouseout(function(){
$(this).children("img").attr('src', 'obr/radio.jpg');
$(this).children("h4").css('color', 'black');
})
.click(function(){
$(this).children("img").attr('src', 'obr/radio.jpg');
$(this).children("h4").css('color', 'black');
});

mužes být konkrétný jako syntakticky?

Protoze když mám anonymní funci tak ji nemůžu odebrat ne?

A ani jedno z toho nefunguje....
$('.tlacitko').unbind("mouseout");
$('.tlacitko').on("mouseout",null);

nn tím jménem to není to sem jen změnil tady aby to nebylo tak blbé jméno.Ale už sem našel chybu a funguje to, mockrát diky!! :)