I'm new to MVC and considering using an accordion. However, I'm facing issues as the accordion does not appear despite adding all necessary references for jquery accordion and creating the div.
Here is my code:
@{
ViewBag.Title = "Online Coach Tracker | Workforce Reporting and Business Intelligence";
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="../../development-bundle/themes/base/jquery.ui.all.css">
<script src="../../js/jquery-1.10.2.js"></script>
<script src="../../development-bundle/ui/jquery.ui.core.js"></script>
<script src="../../development-bundle/ui/jquery.ui.widget.js"></script>
<script src="../../development-bundle/ui/jquery.ui.accordion.js"></script>
<link rel="stylesheet" href="../../development-bundle/demos/demos.css">
<script>
$(function () {
$("#accordion").accordion({
collapsible: true
});
});
</script>
</head>
<body>
<div id="accordion">
<h1><a href="#1">Section 1</a></h1>
<div>Content of section 1</div>
<h1><a href="#2">Section 2</a></h1>
<div>Content of section 2</div>
</div>
</body>
</html>
Your help is greatly appreciated!