使用Javascript的多显示隐藏函数

Multiple Show Hide Function with Javascript

本文关键字：隐藏 函数 显示 Javascript 使用      更新时间：2023-09-26

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

http://jsfiddle.net/HRn3Q/

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

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

翻转：

function toggleStock(id)
{
}

进入：

toggleStock = function(id)
{
}

http://jsfiddle.net/HRn3Q/

<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>
相关文章：