2012-04-02 72 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> 

任何帮助将是伟大的。

回答

相关问题