Drupal爱好者

有这样一个需求，就是我的菜单的按钮，点击后处于翻转状态，也就是让我的菜单处于选中状态。

使用JQUERY来实现非常简单

首先是common.CSS文件里有一个菜单翻转的CLASS存在，如下：

#sidebar .nowaday{
    color:#0a6f9a;
 font-weight: bold;
 display:block;
 background: url(../../images/system/ico.gif) no-repeat left -15px;
 width:123px;
 padding-left:27px
}

然后，有一菜单显示的页面menu.html,这个页面是smarty的，需要有父菜单和子菜单，点击的是子菜单

{foreach from=$pmenuList item=pmenu}
             <li>
                 <h2>{$pmenu.MENU_NAME}</h2>
                 <dl>
{foreach from=$smenuList[$pmenu.ID] item=smenu key=key}
     <dd><a href="{$smenu.URL}" class="childmenu" target="main">{$smenu.MENU_NAME}</a></dd>
{/foreach}
                 </dl>
             </li>
{/foreach}

然后在这个smarty页面写我的jquery函数

     { literal }
  <script language="javascript">
//使每个被点击的按钮处于选中状态
$(document).ready(function(){
 $(".childmenu").click(function(){
  $(".childmenu").removeClass('nowaday');
  $(this).addClass('nowaday');
 })
})
  </script>
  { /literal }

页面里的所有的元素都不需要动，直接加上一段jquery代码，点击按钮处于选中状态的效果就实现了