범위 숨기기 및 표시

Question

다음은 PHP에서 생성 한 HTML 코드입니다.

<p id="resp19" class="resp"> 
<img src="logos/RO.png"><br> 
<b>CompanyRO</b> 
<span class="fprice">XXXXXX</span> 
<span class="f_row"> 
<input name="first_row" type="radio">AAAAAAAAAA</span><br> 
<span class="buts"><input class="f_det" value="Details" onclick="ShowDetails(resp19)" type="button">            
<input class="f_det" value="Share" type="button"></span> 
<span style="display: none;" class="details_content"> 
Detalii 
</span> 

이 후, 나는이 범위를 숨기고 있습니다. $('.details_content').hide();. Details 버튼을 누르면 범위가 details_content로 표시되고이 부분은 <p>에만 표시됩니다.

어떻게하면됩니까?

Answer 1

당신은 onclick="ShowDetails(resp19)"를 작동하는 문자열을 전달해야합니다

기능에 다음

onclick="ShowDetails('resp19')" 

ShowDetails 쓰기 :

: 또한 당신이 click() 방법을 사용하여 click 이벤트를 첨부 할 jQuery를 더 잘 사용으로

function ShowDetails(someId) { 
    $('#' + someId + ' span.details_content').show(); 
} 

Html :

<input id="details_button" class="f_det" value="Details" type="button"> 

JS : 당신이 단락 그들이 인라인 요소입니다 <p> 요소를 사용하여

$('#details_button').click(function() { 
    ShowDetails('resp19'); 
}); 

참고. 더 나은 사용은 <div> 또는 다른 블록 요소가됩니다.