如何保持jquery ui手风琴点击项目突出显示，如果导航到其他页面

Question

jquery ui手风琴用于导航ASP.net MVC2 site.master页面。 手风琴面板包含单行菜单项。

如果某个列表项被点击，新的页面被加载，但手风琴会打开第一个面板。 如果打开新页面，如何保持当前面板打开并点击项目高亮显示？

$("#accordion").accordion({ 
     fillSpace: true, 
     autoHeight: false, 
     navigation: true, 
    collapsible: true 
}); 



<h3> 
    <a href="#">menugroup1</a></h3> 
    <div> 
     <ul> 
      <li><a target='DoklstlG' href='xxxxxx'> 
       item1</a></li> 
      <li><a target='DoklstlO' href='yyyyy'>item2</a></li> 
      <li><a target='UnpaidG' href='zzzzzzz'>item3</a></li> 
      <li>&nbsp;</li> 
... 
     </ul> 
    </div> 

<h3> 
    <a href="#">menugroup2</a></h3> 
<ul> 
    <li><a target='DoklstlVL' href='nnnnnnnn'>menuitem21</a></li> 
    <li><a target='DoklstlSL' href='mmmmmmmmmm'>menuitem22</a></li> 
... 

Answer 1

我希望这有助于！

<script> 
    $(function() { 
     var activeIndex = parseInt($('#AccordionIndex').val()); 

     $("#accordion").accordion({ 
      collapsible: true, 
      active: activeIndex, 
      event: "mousedown", 
      change: function (event, ui) { 
       var index = $(this).children('h3').index(ui.newHeader); 
       $('#AccordionIndex').val(index);     
      } 
     }); 
    }); 


</script> 
@using (Html.BeginForm()) 
     { 
      <input type=hidden id="AccordionIndex" name="AccordionIndex" value=@ViewBag.AccordionIndex /> 
<input type="submit" value="Save Changes" /> } 

当提交被点击时，一个控制器被设置为接收一个[HTTP-POST]， 返回在ViewBag.AccordionIndex 例如该值：

[HttpPost]  
public ActionResult MacSerialCheck(string index, string AccordionIndex) { 
if (AccordionIndex == ""){ 
ViewBag.AccordionIndex="0"; 
} 
else{ 
ViewBag.AccordionIndex=AccordionIndex; 
}