在點擊表格行時顯示錶格行時出現問題

Question

我有一個包含三行quest_row，quest_image和quest_text組的表格。最初，只有quest_row可見 - 這是有效的。它顯示問題編號。當用戶點擊表格的quest_row行時，我希望它顯示下一個quest_image和quest_text行。這裏是代碼：

<table width="90%"> 
<tr> 
    <td>Questions <?php echo "how many = $how_many"; ?> 
    </td> 
</tr> 
</table> 
<?php 
for ($i=1;$i<=$how_many;$i++) { 
$row=mysqli_fetch_assoc($result);?> 
<table name="quest_info" id="quest_info" border=1 width="100%"> 
    <tr class="quest_row"> 
     <td bgcolor="#00CCFF"> 
     Question# <?php echo $i; ?> 
     </td> 
    </tr> 
<?php if ($row["image"] <> NULL) { ?> 
     <tr class="quest_image" > 
      <td class="quest_image" id="quest_image<?php echo $i; ?>"> 
       <img src="<?php $pic = $row['image']; echo $base_path . $pic; ?>" width="200" /> 
      </td> 
     </tr> 
     <tr class="quest_text" > 
      <td class="quest_text" id="quest_text<?php echo $i; ?>"><?php echo $row["question"]; ?></td> 
     </tr> 
    </table> 
    <?php 
} else { 
    ?> 
     <tr class="quest_image" > 
      <td class="quest_image" id="quest_image<?php echo $i; ?>"> 
      </td> 
     </tr> 
     <tr class="quest_text" > 
      <td class="quest_text" id="quest_text<?php echo $i; ?>"><?php echo $row["question"]; ?></td> 
     </tr> 
    </table> 
    <?php 
} ?> 
<?php 
} ?> 
<script type="text/javascript" src="../jquery/jquery/jquery-1.7.2.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$(".quest_text").hide(); 
$(".quest_image").hide(); 
$("#quest_info").click(function(){ 
    var trigger = event.target; 
    alert('target = ' + target); 
    if(trigger.className == 'quest_row') 
    { 
      $(trigger).closest('tr').next('quest_image').show(); 
      $(trigger).closest('tr').next('quest_text').show(); 
    } 
    }); 
}); 
</script> 

不知道爲什麼這不起作用。

Answer 1

顯示時/隱藏錶行..嘗試使用DIV的