Question

我有两个问题。

我的主要问题是如何使用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")

    })


})

http://jsfiddle.net/Yzbp9/12/

Answer 1

然后是时候使用callBack / slideUp的slideDown函数，

$('.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")
})

使用Jquery延迟CSS加载

1 个答案:

DEMO