Visa olika select beroende på val!

Jag har gjort så här

function phonebok()
{
var table = document.getElementById("phonebok");

if (table.style.display == '') {
    table.style.display = 'none';
} else {
    table.style.display = '';
}

}

function group()
{
var table = document.getElementById("group");

if (table.style.display == '') {
    table.style.display = 'none';
} else {
    table.style.display = '';
}

}

För visa olika id.

Men jag vill att table id ska klickar jag group så vill jag att phonebok ska försvinna och väljer jag phonebook så försvinner group id istället.

Så man hela tiden visa något av dem, samtidigt vill jag att phonebok ska vara standard valet automatiskt när man slår upp sidan.

Sedan om man väljer group så ska phonebook försvinna och bara visa id i tabeln som innehåller groupen då visar inte phonebook.

Går det lösa?

Ja, det skall ju självklart kunna lösa, hur ser din HTML kod när anropas phonebok (skall nog vara phonebook) och group?