First of all if you are using AS.NET (C#/VB),in the bundle.cofig file the Jquery UI are bundled
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/jquery.ui.core.css",
"~/Content/themes/base/jquery.ui.resizable.css",
"~/Content/themes/base/jquery.ui.selectable.css",
"~/Content/themes/base/jquery.ui.accordion.css",
"~/Content/themes/base/jquery.ui.autocomplete.css",
"~/Content/themes/base/jquery.ui.button.css",
"~/Content/themes/base/jquery.ui.dialog.css",
"~/Content/themes/base/jquery.ui.slider.css",
"~/Content/themes/base/jquery.ui.tabs.css",
"~/Content/themes/base/jquery.ui.datepicker.css",
"~/Content/themes/base/jquery.ui.progressbar.css",
"~/Content/themes/base/jquery.ui.theme.css"));
}
So in your view page add the reference at the top as the css reference is preferred to be placed at top.
@Styles.Render("~/Content/css")
//style reference
Take a div tag give it an id as "acordian"
and then write your code for the acordian in the script tag.
$('#acordian').acordian()
Hope this helps .
Happy coding SD's :)