作者rjackie (刚到了~~)
看板Ajax
标题[问题] 关於jQuery可折叠选单
时间Mon Jul 16 09:46:34 2012
请教各位高手
小弟有一问题想请教,
关於jQuery的可折叠选单一问。
目前我有一个可折叠选单,但是我
希望可以做到在点选後跨页时选单可以
自动展开到所选的项目。
以下为目前的程式码:
此为javaScript
<script src="../requireLink/jquery.js"></script>
<script language="JavaScript">
$(document).ready(function(){
$('#menu ul').hide()
.click(function(event) {
event.stopPropagation();
});
$('#menu > li').toggle(
function() {
$(this).find('ul').slideDown();
}, function() {
$(this).find('ul').slideUp();
});
});
</script>
以下为主程式
<div id="container">
<div id="content" name="fmenu1">
<?
$sql_query = "select * from productsubjproject GROUP BY Mail order by ID";
$result = mysql_query($sql_query);
?>
<ul id="menu">
<?
while(list($ID,$Mail,$Sub,$Defined)=mysql_fetch_row($result)){
?>
<li>
<?
$a = $type;
if($a == $Mail){?>
<DIV class="styledate" style="cursor:hand;" onMouseDown="fmenu2()"><a class=\
"MainMenu" href="JavaScript:ShowSubMenu(2)"><? echo $Mail;?></a></DIV>
<? }else{?>
<a href="#" ><? echo $Mail;?></a>
<? }?>
<ul id="menu">
$sql_query1 = "select * from productsubjproject
where Mail ='$Mail' order by ID";
$result1 = mysql_query($sql_query1);
while(list($ID,$Mail,$Sub,$Defined)=mysql_fetch_row($result1)){?>
<table width="192" border="0" cellspacing="0"
cellpadding="0" id=menu2 style="display:block">
<tr>
<td><li>
<a href="<? echo "ProductsMain.php?type=$Sub"?>" class="SubMenu" >
<? echo $Sub;?></a>
</li></td></tr></table><? }?></ul></li><? }?></ul></div></div>
还请各位高手可以指点迷经。
真的不知道要从那里去做修改,小弟对javascript并不是很熟,目前知道好
像好可以利用网址的方式去指定,但是我是利用资料库拉出来的资料,所以
有点摸不着头绪。
拜托了
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.112.63.25
1F:→ SanChungAndy:方法有很多 建议你看看 superfish 07/17 09:15
2F:推 SanChungAndy:X还有就是你的程式码都是php,标题讲的比较属於 07/17 09:17
3F:→ SanChungAndy:Front End 07/17 09:18