[제이쿼리] hide, show 구분 visible

특정 id의 이미지를 hide 하거나 show 해야할때
현재 hide 상태인지 show 상태인지 확인하는 제이쿼리

$('#page' + index).is(":visible")

id 가 title 로 시작하는 요소를 클릭했을때
클릭한 요소의 visible 여부를 판단하여 hide, show 하기
title은 01 ~ 10 과 같이 구성하여 작업해보았다.

$('div[id^="title"]').on('click', function() {
        var index = $(this).attr('id').replace('title', '');
		if ($('#page' + index).is(":visible")) {
			$('#page' + index).hide();
		}else{
        	$('#page' + index).show();
		}	
    });