jquery - Jquery 幻灯片切换完成

Question

我尝试在 div 打开时将箭头更改为向上，在 DIV 关闭时将箭头更改为向下

$(document).ready(function(){
$(".component_wrapper").hide();
 $(".component_expand").show().click(function () {
    $(this).closest('div').next().slideToggle();
    $(this).css("background-image","url(images/106.png)");
});

});

Answer 1

$(this).closest('div').next().slideToggle(function(){
    //this code runs when slide toggle is done.. 
    //Here you will have to see if the div is visible or not and apply the appropriate code
});

如果没有您的 HTML，很难确切知道，但类似：

$(document).ready(function(){
    $(".component_wrapper").hide();
    $(".component_expand").show().click(function () {
      $(this).closest('div').next().slideToggle(function(){
        if($(this).is(':visible'))
         $('.component_expand').html('up arrow'); 
        else
         $('.component_expand').html('down arrow');   
      });
    });
});

http://jsfiddle.net/Hwbhm/

更新 2

这个例子更好，值得多个.component_expands

http://jsfiddle.net/Hwbhm/1/