[英]Collapsible <UL> <LI> not working
I have a PHP script that generates a ul/li table from 2 separate SQL tables. 我有一个PHP脚本,可从2个单独的SQL表生成ul / li表。 But when I try to make them collapsible using js, it just don't work.
但是,当我尝试使用js使它们可折叠时,它根本不起作用。
Have I done something wrong? 我做错什么了吗? Or am I missing something?
还是我错过了什么? Any help is much appreciated.
任何帮助深表感谢。
JScript : JScript:
<script type="text/javascript" language="javascript">
$('#usernav').find('ul').slideUp();
$('.child').hide();
$('.parent').click(function() {
$('#usernav').find('ul').slideUp();
$(this).find('ul').slideToggle();
});
</script>
PHP: PHP:
<?php require_once('/Connections/TDBS_local.php');
mysql_select_db($database_TDBS_local, $TDBS_local);
$main_cat="SELECT * FROM main_category";
$main_query = mysql_query($main_cat, $TDBS_local) or die(mysql_error());
$main_result = mysql_fetch_assoc($main_query);
echo("<ul id='usernav'>");
do {
echo("<li class='parent'>");
$main_link = preg_replace("/[^A-Za-z0-9 ]/", '', $main_result['main_category']);
$main_link = strtolower($main_link);
$main_link = str_replace (' ','',$main_link);
echo "<a href='categories/".$main_link."/index.php'>" .($main_result['main_category']). "</a>";
echo("<ul class='child'>");
$main_id = ($main_result['id']);
$sub_cat="SELECT * FROM sub_category WHERE main_category_id = $main_id ";
$sub_query = mysql_query($sub_cat, $TDBS_local) or die(mysql_error());
$sub_result = mysql_fetch_assoc($sub_query);
do {
$sub_link = preg_replace("/[^A-Za-z0-9 ]/", '', $sub_result['sub_category']);
$sub_link = strtolower($sub_link);
$sub_link = str_replace (' ','',$sub_link);
echo("<li><a href='categories/".$main_link."/".$sub_link.".php'>" .$sub_result['sub_category']. "</a></li>");
} while ($sub_result = mysql_fetch_assoc($sub_query));
echo(" </ul>
</li>");
} while ($main_result = mysql_fetch_assoc($main_query));
echo("</ul>");
mysql_free_result($main_query);
mysql_close($TDBS_local);
?>
Try this.. 尝试这个..
<script>
$(function(){
$('#usernav').find('ul').slideUp();
$('.child').hide();
$('.parent').click(function() {
$('#usernav').find('ul').slideUp();
$(this).find('ul').slideToggle();
});
});
</sciprt>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.