css - 在 asp.net 中使用 css transition 单击按钮时显示 div

Question

我有一个在 asp.net 中创建的 Web 应用程序。其中，当使用 css 转换单击按钮时，我想显示一个 div(最初是隐藏的)。

附加要求:

单击按钮时显示的 div 将在运行时动态添加一些内容。

如何做到这一点？

Answer 1

这是来自@geevee 的脚本变体，我经常使用它，DIV 将通过关闭和打开选项向上或向下滑动。请注意，500 是以毫秒为单位的执行速度，您可以将其更改为适合您的值。

$(function(){
    $('#BUTTON_ID').click(function(){ 

            if ($('#DIV_ID').css('display') =='none')
            {
                $('#BUTTON_ID').html('Show DIV');
                $('#DIV_ID').slideDown(500); 

            }
            else
            {
                $('#BUTTON_ID').html('Hide DIV');
                $('#DIV_ID').slideUp(500); 
            }



    });//end .click
});//end onload

希望对你有帮助