function (10) 썸네일형 리스트형 jQuery, each, click, toggle 을 몽땅 사용해서.. $('..').each(function(){ $(this).click(function(){ $(this).toggle(function(){ $(this).css('background-color','#9678bf'); }); }); }); $('..').bind('click',function(){ $(this).toggle(function(){ $(this).css('background-color','#9678bf'); }); }); $('..').each(function(index){ // 여기서 index 는 each 에 잡히는 개체의 순서. 0, 1, 2, ... }); cf. jquery index 클릭해 보세요.. jQuery Ajax, FAQ 를 웹에디터로 관리할때 아코디언 목록이 1건만 표시될 때의 처리 (방법론) FAQ 를 구성할 때.. 평소에는 제목만 보이다가, 제목을 클릭하면 상세 내용이 제목 밑으로 펼쳐지는 방식의 아코디온 FAQ 가 필요할 때가 있죠. 그런데, FAQ 내용을 웹에디터를 사용해서 관리한다면 간혹 곤란한 경우가 발생하기도 합니다. 수작업으로 만들어 낼 때는 FAQ 목록에 html 태그가 들어가지 않는데, 웹에디터를 사용해서 FAQ 를 관리하면 펼쳐지는 본문 내용 부분에 태그가 들러붙죠. 이때 FAQ 목록의 첫번째는 제대로 나오는데 그 다음부터 나오지 않을 수도 있어요. FAQ 를 구성하는 구조를 어떻게 했느냐에 따라서 발생하기도 발생하지 않기도 하는 현상입니다만.. 본문내용 로 해 두었다가 클릭했을때 나오게 하거나, 를 두고 본문내용 에 담았다가 div 에 표시되게 하는 방법이 먹히지 않을 때.. 이전 1 2 다음