아코디언의 플러스/마이너스 - ID 또는 배열?

각 제목에 h3을 사용하는 아코디언을 조정하고 그 안에 내용을 나열합니다. 항목이 열리지 않을 때 더하기를 추가하려고 할 때 빼기를 추가하려고합니다. 스크립트를 편집하는 데 운이 좋았지 만 클릭 한 항목뿐만 아니라 항목이 모두 열려 있음을 감지합니다.아코디언의 플러스/마이너스 - ID 또는 배열?

각 h3에 고유 한 ID가 필요하거나 특정 정렬이 필요한지 확실하지 않습니다. 어떤 도움을 주셔서 감사합니다.

$(document).ready(function(){ 
$("#accordian h3").click(function(){ 
    //slide up all the link lists 
    $("#accordian ul ul").slideUp(); 
    $("#accordian h3").css('backgroundImage', 'url(images/plus.png)'); 
    //slide down the link list below the h3 clicked - only if its closed 
    if(!$(this).next().is(":visible")) 
    { 
     $("#accordian h3").css('backgroundImage', 'url(images/minus.png)'); 
     $(this).next().slideDown(); 

    } 
})

}) 당신이 하나를 포함한 모든 H3에 마이너스 아이콘을 추가하는

$("#accordian h3").css('backgroundImage', 'url(images/minus.png)');

이 줄

출처

2014-03-13 user1945838

안녕 (내가 추가 한 모든 jQuery 코드를 제거),이 문제는 해결하기 위해 슈퍼 빠른 것) 예) –

고유하지 않은 ID는 ID가 아닙니다 .-P –

여기 내 코드 중 일부가 jsfiddle입니다. 실제 플러스 및 마이너스 기호가 있다고 상상해보십시오. = p http://jsfiddle.net/jY6Mf/ – user1945838

당신 그냥 클릭 '이'

으로 선택을 변경

$(this).css('backgroundImage', 'url(images/minus.png)');

'여기'가 클릭 한 H3입니다.

당신이 [JSFiddle] 일부 코드 (http://jsfiddle.net를 추가 한 경우

데모이

http://jsfiddle.net/jY6Mf/3/

출처

2014-03-13 16:15:09

아코디언의 플러스/마이너스 - ID 또는 배열?

답변

관련 문제