显示文本时,按下按钮(多个按钮),但只有一个文本在同一时间

javascript, Display text when pusing button (multiple buttons) but only one text at the time

本文关键字:按钮 文本 同一时间 有一个 显示      更新时间:2023-09-26

我使用这个javascript来显示文本时,点击一个网站中的按钮:

<script type="text/javascript">
        function toggleMe(a)
        {
        var e=document.getElementById(a);
        if(!e)return true;
        if(e.style.display=="none")
            {e.style.display="block"}
        else
            {e.style.display="none"}
        return true;
        }
    </script>

和我调用脚本与<A Onclick="return toggleMe('content')" >[Website Content]</A>

问题是,我有三个"按钮"(帮助,gpgkey,内容),我希望只有一个文本显示在时间。我以前从来没有学过java,我甚至不确定是否完全理解第一个代码。

这是我的一个尝试

<script type="text/javascript">
    function toggleMe(a)
    {
    var e=document.getElementById(a);
    if(!e)return true;
    if(e==document.getElementById("content")
        {
        var f=document.getElementById("help");
        var g=document.getElementById("gpgkey");
        }
    if(e==document.getElementById("help")
        {
        var f=document.getElementById("content");
        var g=document.getElementById("gpgkey");
        }
    if(e==document.getElementById("gpgkey")
        {
        var f=document.getElementById("content");
        var g=document.getElementById("help");
        }
    if(e.style.display=="none")
        {
        e.style.display="block"
        if(f.style.display!="none")
            {f.style.display="none"}
        if(g.style.display!="none")
            {g.style.display="none"}            
        }
    else
        {e.style.display="none"}
    return true;
    }
function toggleMe(a) {
    var eContent = document.getElementById("content"),
        eHelp    = document.getElementById("help"),
        eGPGKey  = document.getElementById("gpgkey");
    if(!eContent || !eHelp || !eGPGKey)
        return;
    if (a === "content" && eContent.style.display === "none") {
        eContent.style.display = "block";
        eHelp.style.display    = "none";
        eGPGKey.style.display  = "none";
    }
    else if (a === "help" && eHelp.style.display === "none") {
        eContent.style.display = "none";
        eHelp.style.display    = "block";
        eGPGKey.style.display  = "none";
    }
    else if (a === "gpgkey" && eGPGKey.style.display === "none") {
        eContent.style.display = "none";
        eHelp.style.display    = "none";
        eGPGKey.style.display  = "block";
    }
    else if (a === "content") {
        eContent.style.display = "none";
    }
    else if (a === "help") {
        eHelp.style.display = "none";
    }
    else if (a === "gpgkey") {
        eGPGKey.style.display = "none";
    }
}
http://jsfiddle.net/Z68p7/