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>
任何帮助将是伟大的。