jquery - 使用 Jquery 延迟 CSS 加载

Question

我有两个问题。

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

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

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

DEMO