Question

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

目前的问题是我不知道如何触发下拉列表中的内容并在与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>

使用Javascript多次显示隐藏功能

2 个答案: