<div class="col-sm-2 col-lg-2">

<div class="sidebar-nav">
<div class="nav-canvas">
<ul class="nav nav-pills nav-stacked main-menu accordion">
<div class="nav-header">Main</div>
@*<li>
<a href="#"><span> Administration</span></a>
<ul class="nav nav-pills nav-stacked active">
<li class="content"><a href="@Url.Action("Index","Ho
me")">Advertiser DashBoard</a></li>
</ul>
</li>*@
<li class="accordion">
<a href="#"><span>Filters</span></a>
<ul class="nav nav-pills nav-stacked">
<li><a href="@Url.Action("Index","CustomerFilter")">
Customer Filters</a></li>
</ul>
</li>
<li class="accordion">
<a href="#"><span>Advertise</span></a>
<ul class="nav nav-pills nav-stacked">
<li><a href="@Url.Action("BuyPoint","AdWizard")">Buy
Point</a></li>
<li><a href="@Url.Action("Index","AdWizard")">Submit
Ad</a></li>
<li><a href="@Url.Action("Index","AdListing")">My Ad
s</a></li>
</ul>
</li>
<li class="accordion">
<a href="#"><span>Reports</span></a>
<ul class="nav nav-pills nav-stacked">
<li><a href="@Url.Action("Index","Report")">Ad Viewe
d</a></li>
<li><a href="@Url.Action("Demografi","Report")">Demo
graphy</a></li>
<li><a href="@Url.Action("PointHistory","Report")">P
oint History</a></li>
</ul>
</li>
<li class="accordion">
<a href="#"><span>Profile</span></a>
<ul class="nav nav-pills nav-stacked">
<li><a href="@Url.Action("LogOff","Account")">Log Of
f</a></li>
</ul>
</li>
@{
var action = ViewContext.Controller.ValueProvider.GetVal
ue("action").RawValue;
var controller = ViewContext.Controller.ValueProvider.Ge
tValue("controller").RawValue;
}
@(
Html.Awe()
.Grid("Menu")
.Persistence(Persistence.None)
.CollapseOnHeaderClick(true)

.ShowGroupBar(false)
.ShowHeader(false)
.ShowFooter(false)
.ShowGroupedColumn(false)
.Parameter("controller", controller)
.Parameter("action", action)
.RowClassClientFormat(".Selected")
.Columns(new[]
{
new Omu.AwesomeMvc.Column{ Name="GroupId", Group
= true},
new Omu.AwesomeMvc.Column{ ClientFormat =
"<li><a href='"+Url.Action(".Action", ".Cont
roller")+".UrlParam'>.Title</a></li>"}
})
)
</ul>
</div>
</div>
</div>
<script>
$(function () {
$('#accordion .content').hide();
$('#accordion span:first').addClass('active').next().slideDown('slow');
$('#accordion span').click(function () {
if ($(this).next().is(':hidden')) {
$('#accordion span').removeClass('active').next().slideUp('slow'
);
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div class="col-sm-2 col-lg-2">
<div class="sidebar-nav">
<div class="nav-canvas">
<div class="nav nav-pills nav-stacked main-menu">
<div class="nav-header">Main</div>
<div id="accordion">
<span>Administration</span>
<div class="content nav nav-pills nav-stacked">
<a href="@Url.Action("Index","Home")">Advertiser Das
hBoard</a>
</div>
<span>Filters</span>
<div class="content nav nav-pills nav-stacked">
<a href="@Url.Action("Index","CustomerFilter")">Cust
omer Filters</a>
</div>
@*<li>
<a href="#"><span>Advertise</span></a>
<ul class="nav nav-pills nav-stacked">
<li><a href="@Url.Action("BuyPoint","AdWizard")">Buy
Point</a></li>
<li><a href="@Url.Action("Index","AdWizard")">Submit
Ad</a></li>
<li><a href="@Url.Action("Index","AdListing")">My Ad
s</a></li>

</ul>
</li>*@
<h2>Panel 3</h2>
<div class="content">
....
</div>
<h2>Panel 4</h2>
<div class="content">
....
</div>
</div>
</div>
</div>
</div>
</div>