Wie kann man eine Spanne angezeigt, auf Klick, aber verschwinden, wenn ein anderer link angeklickt wird?

Ich bin ganz neu in javascript also bitte Geduld mit mir. Ich werde versuchen, einen Bereich zu erscheinen, auf klicken, die ich erreicht habe, aber ich brauche Sie, um zurückzukehren, zu versteckt, wenn ein anderer link angeklickt wird. Dies ist, was ich habe, so weit.

<html>
<head>
<style>
aside.apps{
    position:relative;
}

span.socialApp{
    visibility:hidden;
    position:absolute;
    top:20px;
    left: 0;
    background-color:#e9e9e9;
}
</style>

<script>
var state = 'hidden'; 

function showApp(a) { 

    if (state == 'visible') { 
        state = 'hidden'; 
    } 
    else { 
        state = 'visible'; 
    } 

    if (document.getElementById && !document.all) { 
        x = document.getElementById(a); 
        x.style.visibility = state; 
    } 
} 
</script>
</head>

<body>

        <aside class="apps">
            <a href="javascript://" onclick="showApp('app1');">link1</a>
                <span class="socialApp" id="app1">stuff goes here1</span>
            <a href="javascript://" onclick="showApp('app2');">link2</a>
                <span class="socialApp" id="app2">stuff goes here2</span>
            <a href="javascript://" onclick="showApp('app3');">link3</a>
                <span class="socialApp" id="app3">stuff goes here3</span>
            <a href="javascript://" onclick="showApp('app4');">link4</a>
                <span class="socialApp" id="app4">stuff goes here4</span>
        </aside>
</body>
</html>

Derzeit bei link1 geklickt wird app1 erscheint, dann einmal link2 geklickt wird, app2, erscheint über der Oberseite von link1. Wenn link2 ist dann geschlossen link1 ist noch sichtbar. Ich brauche, um zu überprüfen, alle 4 und alle versteckt, außer der aktuellen Auswahl.

  • Willkommen ALSO! Große erste Frage, aber Sie finden noch mehr Menschen, die wollen, zu beantworten, wenn Sie sicherstellen, dass der Einzug ist dein code richtig, so dass es leichter zu Lesen.
InformationsquelleAutor JKFrox | 2012-05-17
Schreibe einen Kommentar