0
我需要可折叠菜单图像从折叠状态改变为展开状态 代码:如何改变折叠菜单的图像
<ul id="VerColMenu">
<?php
$u = 0;
$groupStarted = 0;
foreach($BUTTON as $B){
$level= $B->getAttribute('LEVEL');
$levelAction= $B->getAttribute('ACTION');
if ($level=="Group") {
if($groupStarted ==1){
echo '</ul>';
echo '</li>';
$groupStarted =0;
}
if($levelAction=="Expand"){
echo '<li>';
echo '<a href="#" class="swap-menu active"><img id="menu_image" src="images/collapsed.gif" hspace = "2"/>'.$B->getAttribute('TITLE').'</a>';
echo '<ul style="display:none;" class="sub-menu">';
$groupStarted =1;
}
}
if ($level=="Item" || $groupStarted==0) {
echo '<li>';
echo '<a href="#" class="direct-link">'.$B->getAttribute('TITLE').'</a>';
echo '<input type="hidden" name="menu-id" value="'.$u.'"/>';
echo '<input type="hidden" name="slider" value="'.$B->getAttribute('SLIDER').'"/>';
echo '<input type="hidden" name="min" value="'.$B->getAttribute('MIN').'"/>';
echo '<input type="hidden" name="max" value="'.$B->getAttribute('MAX').'"/>';
echo '</li>';
$u++;
}
}
?>
</ul>
JS:
$(function(){
$('.swap-menu').bind('click',function(event){
$('.sub-menu').find("+ ul").slideUp(1);
$(this).find("+ ul").slideToggle("fast");
document.getElementById('menu_image').setAttribute("src","images/expanded.gif")
//var verify = document.getElementById('menu_image').value;
// alert(verify);
/* if ($(this).hasClass("active")) {
$('.swap-menu').removeClass("active");
$(this).addClass("active");
$(this).find("img").attr('src','images/collapsed.gif');
} */
/* $('.sub-menu').find("+ ul").slideUp(1);
$(this).find("+ ul").slideToggle("fast");
$(this).find("img").attr('src','images/expanded.gif'); */
});
$('.direct-link').bind('click',function(){
if(!$(this).parents('.sub-menu').length){
$('.sub-menu').hide();
}
var $current=$(this).parent();
var id=parseInt($current.find('input:hidden[name=menu-id]').val());
var slider=$current.find('input:hidden[name=slider]').val();
var min=parseInt($current.find('input:hidden[name=min]').val());
var max=parseInt($current.find('input:hidden[name=max]').val());
button_clk(id, slider, min, max);
});
});
这是我们所需要的部分要做的事: 崩溃的状态 找到图片id() 添加图片()
折叠→展开S泰特 查找图片标签ID() 替换从缩回来扩展()
展开状态→折叠状态 查找图片标签ID 从更换图像的图像晕倒扩展
粘贴HTML(无PHP) – kubedan 2012-03-30 11:16:38