Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Jquery延迟CSS加载_Jquery_Css_Toggle_Slide - Fatal编程技术网

使用Jquery延迟CSS加载

使用Jquery延迟CSS加载,jquery,css,toggle,slide,Jquery,Css,Toggle,Slide,我有两个问题 我的主要问题是如何使用Jquery延迟CSS属性的加载时间?我尝试使用.delay().css(),但没有成功。我希望圆角在幻灯片动画完成后加载 我的第二个问题是为什么我的向下箭头在切换时没有改变 $(document).ready(function () { $(function () { $('.click_here').click() }) // Attach toggle event to click areas $('.

我有两个问题

我的主要问题是如何使用Jquery延迟CSS属性的加载时间?我尝试使用.delay().css(),但没有成功。我希望圆角在幻灯片动画完成后加载

我的第二个问题是为什么我的向下箭头在切换时没有改变

$(document).ready(function () {

    $(function () {
        $('.click_here').click()
    })

    // Attach toggle event to click areas
    $('.click_here').toggle(

    function () {
        $(this).siblings().slideUp('fast')
        $(this).css("border-radius", "10px")
    },

    function () {
        $(this).siblings().slideDown('fast')
        $(this).delay(800).css("border-radius", "10px 10px 0px 0px")
        $('.click_here:before').css("content", "\21e1")

    })


})

那么是时候使用/,

$('.click_here').toggle(function () {
        var $this = $(this);
        $(this).siblings().slideUp('fast', function () {
            $this.css("border-radius", "10px")
        });
    },function () {
        var $this = $(this);
        $(this).siblings().slideDown('fast', function () {
            $this.delay(800).css("border-radius", "10px 10px 0px 0px")
        });
   $('.click_here:before').css("content", "\21e1")
})