2012-04-02 83 views
0

事實:我對jQuery並不擅長。使用jQuery隱藏Div與動態單選按鈕?

問題:

我有一個包含動態呈現的單選按鈕的形式。當點擊一個單選按鈕時,我想要一個div來顯示文本說明。在「隱藏」div中,我想要一個按鈕或鏈接來「關閉」div。我有一組27個單選按鈕,點擊每個WORKS完美無瑕,它顯示正確的div,我可以點擊另一個單選按鈕,它切換到下一個隱藏的div,除了我不能隱藏它們!但是,我可以隱藏第一個單選按鈕的div,但我無法隱藏其他任何26,該按鈕在這些div中沒有​​任何作用。

這裏是我的單選按鈕的代碼:

$categoryQuery = "SELECT * FROM blah, blah"; 
$categoryResult = mysqli_query($link, $categoryQuery); 

        while($row = mysqli_fetch_array($categoryResult)){ 

     $cat_id = $row['att_cat_id']; 
     $category = $row['att_cat_name']; 

echo "<input type='radio' name='AttorneyCategory[]' value='$cat_id'> $category<br />"; 

代碼爲我的隱藏層(從我的數據庫創建):

$categoryhelpQuery = "SELECT * FROM blah blah"; 
$categoryhelpResult = mysqli_query($link, $categoryhelpQuery); 

        while($row = mysqli_fetch_array($categoryhelpResult)){ 

     $cat_id = $row['att_cat_id']; 
     $category = $row['att_cat_name']; 
     $category_description = $row['att_cat_description']; 

echo "<div id='blk-$cat_id' class='toHide'>"; 
echo "<strong><em><center>Attorney Search Help Center</center></em></strong><button   id='hidr'>Hide</button><br />"; 
echo "<strong>$category:</strong>&nbsp;&nbsp;$category_description"; 
echo "</div>"; 

這裏是我的jQuery代碼:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

    <script type="text/javascript"> 
$(function() { 
    $("[name='AttorneyCategory[]']").click(function(){ 
     $('.toHide').hide(); 
     $("#blk-"+$(this).val()).show(); 
    }); 


}); 

    $("#hidr").click(function() { 
    $('.toHide').hide(1000); 
}); 


</script> 

任何幫助將是偉大的。

回答

相關問題