Ali,
Sounds like the jQuery functions aren't loading.
The accordion is expanded because it isn't working so it's divs are
not "minimized".
I bet if you comment out the tabs you'll find that you get an error on
any other jQuery functions you have.
I'm having the same problem when I try to get a jQuery UI custom build
to work it simply doesn't. I figure I'm doing something wrong but I
don't know what.
If I build a UI custom build then include it like this:
<script type="text/javascript" src="/jq/1.2.6/jquery-ui-
personalized-1.5.2.min.js"></script>
I get the error:
$ is not defined
$(document).ready(function(){
Is there something I'm missing?
the custom build idea is great. All one needs to do is include one
file right?
Great function, I'd love some help getting it to work though.
Zach
On Oct 18, 5:13 pm, Ali <[EMAIL PROTECTED]> wrote:
> I've usedJQueryandmanypluginsbeforehoweverI am attemtping to
> update to the newest versions. I downloaded a theme from ui.jquery.com
> and then a custom package (UI Core + Tabs + Accordion). I keep getting
> an error that the .tabs is not a known functionhowever. In addition
> my Accordion is loading fully expanded. Help! What am I doing wrong?
>
> If someone could give me a step by step on how to useJquerywith theJQueryUI
> and a custom theme that would be greatly appreciated. This
> is what I am doing currently in my head
>
> <script type="text/javascript"
> src="common/script/jquery-1.2.6.min.js"></script>
>
> <link rel="stylesheet" href="common/style/ui_theme.css" type="text/
> css" media="screen, projection" />
> <script src="common/script/jquery-ui-personalized-1.5.2.min"
> type="text/javascript"></script>
>
> <script type="text/javascript">
> $(function(){
>
> $('#tabContainer ul').tabs();
> $('#accordion').accordion({
> header:
> ".ui-accordion-header",
> clearStyle: true
> });
>
> });
> </script>
>
> This is in my body:
>
> <div id="tabContainer">
> <ul>
> <li class="ui-tabs-nav-item"><a href="#welcome">Featured
> Events</a></
> li>
> <li class="ui-tabs-nav-item"><a href="#fff">Upcoming
> Events</a></li>
> <li class="ui-tabs-nav-item"><a href="#bbb">Most Viewed
> Events</a></
> li>
> </ul>
> <div id="welcome">
>
> <div id="accordion">
> <div class="ui-accordion-group">
> <h3 class="ui-accordion-header"><a
> href="#">Test 1</a></h3>
> <div class="ui-accordion-content">
> <p>Lorem ipsum dolor sit amet,
> consectetur adipisicing elit, sed
> do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
> ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
> aliquip ex ea commodo consequat. Duis aute irure dolor in
> reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
> pariatur.</p>
> </div>
> </div>
> <div class="ui-accordion-group">
>
> <h3 class="ui-accordion-header"><a
> href="#">Test 2</a></h3>
> <div class="ui-accordion-content">
> <p>Lorem ipsum dolor sit amet,
> consectetur adipisicing elit, sed
> do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
> ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
> aliquip ex ea commodo consequat. Duis aute irure dolor in
> reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
> pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
> culpa qui officia deserunt mollit anim id est laborum.</p>
> </div>
> </div>
> <div class="ui-accordion-group">
> <h3 class="ui-accordion-header"><a
> href="#">Test 3</a></h3>
> <div class="ui-accordion-content">
>
> <p>Lorem ipsum dolor sit amet,
> consectetur adipisicing elit, sed
> do eiusmod tempor incididunt ut labore et dolore magna aliqua.
> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
> officia deserunt mollit anim id est laborum.</p>
> </div>
> </div>
> </div>
>
> </div> <div id="fff">
> Welcome
> </div>
> <div id="bbb">
> Welcome
> </div>
> </div>
