日期:2014-05-17  浏览次数:20486 次

Jquery多级手拉琴菜单插件accordion的问题,求解决方案!
Jquery多级手拉琴菜单我是放在母版页里面右边,当菜单导航使用。但是每次点击新的页面跳转,点开的菜单又缩回去了。所以求解决方案,怎么才能解决不弹回去。呜呜~~~~(>_<)~~~~ 求大哥哥姐姐们帮忙解决!

HTML code

<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/accordion.js"></script>
<script type="text/javascript">
    $(function() {
        $(".navv").accordion({
            speed: 500,
            closedSign: '[+]',
            openedSign: '[-]'
        });
    }); 
</script>
<style type="text/css">
ul{list-style:none}
.demo{width:200px; margin:8px auto; padding:10px; background:#f7f7f7}
.navv {width: 200px; padding: 40px 28px 25px 0; font-family: "Microsoft yahei", Arial, Helvetica, sans-serif;} 
ul.navv {padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none;} 
ul.navv li {} 
ul.navv li a {line-height: 10px; font-size: 14px; padding: 10px 5px; color: #000; display: block; text-decoration: none; font-weight: bolder;}
ul.navv li a:hover {background-color:#675C7C;    color:white;}
ul.navv ul { margin: 0; padding: 0;display: none;} 
ul.navv ul li { margin: 0; padding: 0; clear: both;} 
ul.navv ul li a { padding-left: 20px; font-size: 12px; font-weight: normal;}
ul.navv ul li a:hover {background-color:#D3C99C; color:#675C7C;} 
ul.navv ul ul li a {color:silver; padding-left: 40px;} 
ul.navv ul ul li a:hover { background-color:#D3CEB8; color:#675C7C;} 
ul.navv span{float:right;}
    #all
    {
        width: 950px;
    }
</style>
<div id="main">
                       <div class="demo">
                          <ul class="navv" id="ulli">
                             <li><a href="#">1</a>
                                  <ul>
                                      <li><a href="#" >11</a></li>
                                      <li><a href="#" >11</a></li>
                                      <li><a href="#" >11</a></li>
                                      <li><a href="#" >11</a></li>
                                  </ul>
                             </li>
                             <li><a href="#">2</a>
                                  <ul>
                                      <li><a href="Businessmp.aspx">22</a></li>
                                      <li><a href="#">22</a></li>
                                  </ul>
                             </li>
                             <li><a href="#">3</a></li>
                             <li><a href="#">4</a>
                                  <ul>
                                       <li><a target="_blank">44</a></li>
                                       <li><a href="#">44</a></li>
                                       <li><a target="_blank">44</a></li>
                                       <li><a target="_blank">44</a></li>
                                       <li><a target="_blank">44</a></li>
                                  </ul>
                             </li>
                             <li><a target="_blank">5</a>
                                   <ul>
                                        <li><a href="#