0
我有一個手風琴菜單上的蒼蠅如何產生從數據庫擴大選擇的菜單如下jQuery的手風琴菜單：保持在另一頁
echo '<div class=" top-nav rsidebar span_1_of_left">';
echo '<h3 class="cate">CATEGORIES</h3>';
$content = "<ul class=\"menu\">";
$last_tab = NULL; // remember the last tab value (start with a value it will never be)
$catId=0;
$i=0;
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
if($last_tab != $row['tab']){
// the tab changed
if($last_tab != NULL){
// it was not the first tab, close the previous tab
$content .="\t</ul>\n";
}
$last_tab = $row['tab']; // remember the new tab value
// start a new tab
$content .="\t<li><a href=\"#\">{$row['tab']}</a>\n";
$content.="\t<ul class=\"cute\">\n";
}
$catId = catIdFromCatLabel($row['label']);
// output each label
$content.="\t\t<li><a href=\"products.php?cat_id=".$catId."\" id=\"sub_li_".$i."\">{$row['label']}</a></li>\n";
$i=$i+1;
}
// close the last tab
$content .= "\t</ul>\n</li>\n</ul>\n";
echo $content;
echo '</div>';
的JavaScript如下：
<script type="text/javascript">
$(function() {
var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1);
var menu_ul = $('.menu > li > ul'),
menu_a = $('.menu > li > a'),
cute_a = $('.cute > li > a ');
menu_ul.hide();
cute_a.each(function(){
if($(this).attr('href') === pgurl){
$(this).addClass('active');
}else{
// alert('else');
}
});
menu_a.click(function(e) {
e.preventDefault();
if(!$(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
});
});
</script>
我的要求是有選擇的子菜單在頁面-2擴展，並強調這是點擊頁面1.Presently，我的javascript代碼凸顯子菜單，但頂層菜單或父菜單沒有展開，以顯示突出顯示的子菜單。請告知如何完成此操作。提前致謝。