원래는 i_toggle fadeOut 으로 시작하는 부분 바로 밑에 있는 css bacgkround 부분만 각각 들어가 있었다. 버튼을 클릭하면 배경이미지만 변경 되어 클릭할 때 아이콘이 왔다 갔다 바뀌는 효과가 나도록.
그러다가 아이콘이 바뀔 때 효과가 들어가면 좋겠다 해서 추가.
$('#show_menu').click(function() {
if ($('#bd_sub_wrap').css('display') == 'none') {
$('#i_toggle').fadeOut('fast', function() {
$('#i_toggle').css({'background': 'url("/img/toggle_x.png") no-repeat center center','background-size':'18px'});
$('#i_toggle').fadeIn('fast');
});
} else {
$('#i_toggle').fadeOut('fast', function() {
$('#i_toggle').css({'background': 'url("/img/toggle.png") no-repeat center center','background-size':'18px'});
$('#i_toggle').fadeIn('fast');
});
};
});
728x90