javascript - Div 淡入淡出

Question

我需要你的帮助，我正在一个网站上工作，我希望一个 div 延迟 2 秒，然后在单击另一个 div 时淡入，但是当我想再次单击它(关闭它)时，我希望它立即淡出。有什么帮助吗？

Answer 1

如果你会使用Jquery，下面的代码将帮助你做到这一点，因为我得到了你想要的:这是默认的 CSS:

.invisElem{display:none}

和 jquery 代码:

$('body').on('click', '.boxbutton1', function(){
        var counter = $(this).data('count');
        if(counter == undefined){
            counter = 0;
            setTimeout(function() {
                $('.gymtext').fadeIn(500)//fadeIn after 2 seconds(2000 ms)
            }, 2000);
        }
        else if(counter == 0){
            $('.gymtext').fadeOut(function(){
                $('.gymtext').remove()
            });//fadeout quickly then remove
        }
    })

如果您需要帮助添加评论，我尝试将其写下来，新手友好