作者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