jQuery show hide div，替换切换但不知道如何

Question

我有一些代码使用切换来显示和隐藏div，但现在我想根据它处于哪种状态来做东西。我不知道如何去做这个。我想我需要将切换出来分开显示和隐藏。

我已经得到了这段代码，在它下面有一些伪代码来表明我正在尝试做什么。

$(function() { 
    $('.collapse_btn').click(function() { 
     $("#shot_btn").attr("src","/images/contract_icon.gif");//replaces src in existing image with animated version. To be done when hide() runs 
     $('.imgbox').toggle(400); 
     $('#shot_h3').addClass("border_radius"); 
     $("#shot_btn").attr("src","/images/expand_icon.gif");//replaces contract_icon.gif. To be done when show() runs 
    }); 
}); 


$(function() { 
    $('.collapse_btn').click(function() { 
     if(currently visible){ 
      $("#shot_btn").attr("src","/images/contract_icon.gif");//replaces src in existing image with animated version. To be done when hide() runs 
      $('.imgbox').hide(400); 
     } 
     else{ 
      $('#shot_h3').removeClass("border_radius"); 
      $("#shot_btn").attr("src","/images/expand_icon.gif");//replaces contract_icon.gif. To be done when show() runs 
      $('.imgbox').show(400); 
    }); 
}); 

感谢您提供任何帮助。

Answer 1

if ($('.imgbox').is(':visible')) { 
    //hide 
} 
else { 
    //show 
} 

所以你的代码：

$('.collapse_btn').click(function() { 
    if ($('.imgbox').is(':visible')) { 
     $("#shot_btn").attr("src","/images/contract_icon.gif"); 
     $('.imgbox').hide(400); 
    } 
    else { 
     $('#shot_h3').removeClass("border_radius"); 
     $("#shot_btn").attr("src","/images/expand_icon.gif"); 
     $('.imgbox').show(400); 
    } 
});