[JS_Den]

Имеется 3 заголовка-кнопки. При нажатии на один из них выпадает прикреплённый к нему же div. При нажатии на второй - второй div. При нажатии на третий - третий. Располагаются они естественно друг под другом (активированы все или несколько).
Подскажите как сделать, чтобы при активированном например первом div'е и при нажатии на второй заголовок - первый div скрывался, а оставался только второй.

Css код:

#primeri1{
text-align:center;
display:none;
border: 1px solid green;
}
#primeri2{
text-align:center;
display:none;
border: 1px solid red;
}
#primeri3{
text-align:center;
display:none;
border: 1px solid black;
}

JS код:

var flag;
function primeri1()
{
if (flag == 1)
{
$("#primeri1").fadeTo(500,1);
flag = 2;
}
else
{
$("#primeri1").fadeTo(500,0);
flag = 1;
$("#primeri1").hide();
}
}

function primeri2()
{
if (flag == 1)
{
$("#primeri2").fadeTo(500,1);
flag = 2;
}
else
{
$("#primeri2").fadeTo(500,0);
flag = 1;
$("#primeri2").hide();
}
}

function primeri3()
{
if (flag == 1)
{
$("#primeri3").fadeTo(500,1);
flag = 2;
}
else
{
$("#primeri3").fadeTo(500,0);
flag = 1;
$("#primeri3").hide();
}
}

Обработчик onclick расположен в коде html заголовка.