토글은 하나의 요소에서만 작동합니다.

Question

데이터베이스를 쿼리하고 데이터베이스 결과로 DOM 요소를 반향하는 각 개체에 대해 쿼리합니다.

이

$(document).ready(function(){ 
    $("#name_toggle").click(function(){ 
     $("#hidden_onhover").toggle(); 
     $("#onhover").toggle();   
    }); 
}); 

PHP :

이

echo "<a href=\"#\"><span id=\"onhover\">$row->common_name</span><span id=\"hidden_onhover\">$row->firstname $row->lastname</span></a>"; 

문제는 데이터베이스 10 개체를 반환하는 경우, 나는 결과의 10 개 라인을 가지고 있지만, 전환한다는 것입니다 만가 작동 나는 하나 개의 변수를 표시하고 다른 숨길 토글을 사용하고 있습니다 첫 번째 요소. 내가 뭘 잘못하고 있는거야?

미리 감사드립니다.

Answer 1

ID를 사용하고 있기 때문입니다.
그것은 클래스로 대체되어야하고 이에 따라 jQuery 코드를 변경해야한다.

그래서 PHP 코드는

echo "<a href=\"#\"><span class=\"onhover\">$row->common_name</span><span class=\"hidden_onhover\">$row->firstname $row->lastname</span></a>"; 

을 다음과 같이 보일 것 그리고 jQuery 코드는 다음과 같이 보일 것이다 :

$(document).ready(function(){ 
    $(".name_toggle").click(function(){ 
     $(this).find(".hidden_onhover").toggle(); 
     $(this).find(".onhover").toggle();   
    }); 
}); 

가 대신 ID의 클래스로 name_toggle을 할 수 있는지 확인합니다.

위의 코드는 가정합니다 name_toggle DIV는 hidden_onhover 및 onhover DIV의 부모입니다.