본문 바로가기

자바스크립트

210315 메뉴 아이콘 클릭시 전환 효과주기

원래는 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