用Javascript实现多显示隐藏功能

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

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

这样就可以了。 由于某种原因，页面无法识别处于该状态的函数

转向：

function toggleStock(id)
{
}

进入：

var不透明度=0；
var有效期=0；
函数fadein（）
{
intervalId=setInterval（隐藏，200）
}
函数hide（）
{
var img=document.getElementById（“img1”）；
不透明度=数字（window.getComputedStyle（img.getPropertyValue（“不透明度”））；
如果（不透明度>0）
{
不透明度=不透明度-0.2；
img.style.opacity=不透明度；
}
其他的
{
clearInterval（intervalId）；
}
}
函数衰减（）
{
intervalId=setInterval（显示，200）
}
函数show（）
{
var img=document.getElementById（“img1”）；
不透明度=数字（window.getComputedStyle（img.getPropertyValue（“不透明度”））；
如果（opacityi如果你是JS新手，我建议你使用这个页面：它允许你共享JS/HTML代码，让我们轻松地检查和研究你的问题；-）仅仅是一个提示，你正在到处创建全局变量：当你在函数中为（x=1；x基于您提供的代码，但它不起作用。谢谢。但我可以使用dreamweaver和eclipse运行我的代码。您可以使用其他工具运行它吗？请添加一些有关代码功能的注释！
toggleStock = function(id)
{
}

<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>