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> $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>
任何幫助將是偉大的。