javascript - Javascript的多重显示隐藏功能

Question

目前我正在使用 JavaScript 开发一个简单的显示/隐藏 div 函数。现在我已经让它部分工作了。看一下，或者您可以复制并粘贴并在您的 com 上尝试我的代码。这是代码：

http://jsfiddle.net/HRn3Q/

当前的问题是我不知道如何触发下拉列表中的内容并将其显示/隐藏在与 graph1、graph2 和 graph3 等相同的位置......我也想要类似当显示图 1 时的内容当我点击 show div 2 时，图 1 的内容将被 graph2 替换。我希望我已经清楚地说明了我的问题。

Answer 1

这应该这样做。由于某种原因，该页面无法识别该状态下的功能。

转身：

function toggleStock(id)
{
}

进入：

toggleStock = function(id)
{
}

http://jsfiddle.net/HRn3Q/

Answer 2

<script>
    var opacity =0;
    var intervalId =0;

    function fadein() 
    {
        intervalId = setInterval(hide,200)  
    }
    
    function hide()
    {
        var img = document.getElementById("img1");
        opacity = Number(window.getComputedStyle(img).getPropertyValue("opacity"));
        if(opacity>0)
        {
            opacity=opacity-0.2;
            img.style.opacity=opacity;
        }
        else
        {
            clearInterval(intervalId);
        }
    }

    function fadeout()
    {
        intervalId = setInterval(show,200)
    }
    function show()
    {
        var img = document.getElementById("img1");
        opacity = Number(window.getComputedStyle(img).getPropertyValue("opacity"));
        if(opacity<1)
        {
            opacity=opacity+0.1;
            img.style.opacity= opacity;
        }
        else
        {
            clearInterval(intervalId);
        }
    }
</script>