참고: 인기 워드프레스 테마인 아바다X 테마, BE 테마가 39달러, Jupiter가 35달러로 할인 중입니다.

예를 들어, ID가 wrapper1인 요소를 클릭하면 Class가 wrapper1인 DIV가 표시되고, ID가 wrapper2인 요소를 클릭하면 Class가 wrapper2인 DIV가 표시되도록 하려는 경우 다음 jQuery 코드를 사용할 수 있습니다.

$('[id^="wrapper"]').on('click', function(e) {
e.preventDefault();
$('.wrap > div').hide();

$('.'+ this.id).show();
});
(Source: http://jsfiddle.net/6GvE6/6/)

이 jQuery 코드를 루프 내에서 사용하면 유용합니다. 가령, 요소를 “wrapper<?php echo $serial_number; ?>”식으로 적용할 수 있습니다.

데모

워드프레스와 관련하여 문의사항이 있나요?

워드프레스 설치/제작/유지보수/문제해결이 필요한 경우 서비스(유료)를 요청하실 수 있습니다.

Service Request