hmm.. The first tab is still open, but if I click it, It closes..  
heres my html

<div class="basic ui-accordion" id="list">
<a class=""><img src="public/images/company.png" alt="Company"  
title="Company" height="31" width="400"></a>
<div style="display: none;">
<p>hiihih</p></div>
<a><img src="public/images/works.png" alt="Works" title="Works"  
height="31" width="400"></a>
<div style="display: none;">
        <p><a href="http://www.site.com";><img src="/public/images/enwise.png"  
alt="" height="90" width="290"></a></p></div>
<a><img src="public/images/contact.png" alt="Contact" title="Contact"  
height="31" width="400"></a>
<div style="display: none;">

<div id="contactform">


     <form method="post" action="/index.php#contact">
<div class="grp">
             <input id="name" name="name"  
onfocus="if(this.value==this.defaultValue)this.value='';"  
onblur="if(this.value=='')this.value=this.defaultValue;" value="name"  
type="text">
</div><div class="grp">
             <input id="email" name="email"  
onfocus="if(this.value==this.defaultValue)this.value='';"  
onblur="if(this.value=='')this.value=this.defaultValue;" value="email"  
type="text">
</div><div class="grp">

             <textarea id="message" name="message"  
onfocus="if(this.value==this.defaultValue)this.value='';"  
onblur="if(this.value=='')this.value=this.defaultValue;">message</ 
textarea>

</div><div class="grp">

             <input id="question" name="question" value="question"  
onfocus="if(this.value==this.defaultValue)this.value='';"  
onblur="if(this.value=='')this.value=this.defaultValue;" type="text">
</div>                                                          <div 
class="grp2">
                                                                        <input 
class="formsubmit" value="Submit" name="submit"  
type="submit">
                                                                </div>
                                </form>
                                                </div>
                                </div>
                                                </div>

</div>

and thx 4 all the help so far.. appreciate it

On Sep 22, 2008, at 11:03 AM, Jörn Zaefferer wrote:

> Almost:
>
>               jQuery('#list').accordion({
>                       autoheight: false,
>                       alwaysOpen: false
>               });
>
> Jörn
> On Mon, Sep 22, 2008 at 7:30 PM, Jayme Jackson <[EMAIL PROTECTED]>  
> wrote:
>>
>> this is what i have:
>>
>> <script type="text/javascript">
>>       jQuery().ready(function(){
>>               jQuery('#list').accordion({
>>                       autoheight: false
>>               });
>>
>>               $(".selector").accordion({
>>               alwaysOpen: false
>>               });
>>
>>
>>               var accordions = jQuery('#list');
>>
>>               jQuery('#switch select').change(function() {
>>                       accordions.accordion("activate",  
>> this.selectedIndex-1 );
>>               });
>>               jQuery('#close').click(function() {
>>                       accordions.accordion("activate", -1);
>>               });
>>       });
>>       </script>
>>
>>
>> On Sep 22, 2008, at 10:00 AM, Jörn Zaefferer wrote:
>>
>>> Take a look at the available options:
>>> http://docs.jquery.com/UI/Accordion/accordion#toptions
>>>
>>> In this case, set alwaysOpen: false.
>>>
>>> Jörn
>>>
>>> On Mon, Sep 22, 2008 at 6:56 PM, Jayme Jackson <[EMAIL PROTECTED]>
>>> wrote:
>>>>
>>>> Yes but I'm unsure on what exactly to follow from there..just  
>>>> want a
>>>> simple accordion that starts with everything minimized if possible.
>>>> On Sep 22, 2008, at 9:51 AM, Jörn Zaefferer wrote:
>>>>
>>>>>
>>>>> Did you take a look at the documentation here?
>>>>> http://docs.jquery.com/UI/Accordion
>>>>>
>>>>> On Mon, Sep 22, 2008 at 6:06 PM, JaymeNYC <[EMAIL PROTECTED]>
>>>>> wrote:
>>>>>>
>>>>>> can any1 help? I know it's something simple.. seems like a
>>>>>> javascript
>>>>>> step im missing.
>>>>>>
>>>>>> On Sep 22, 1:21 am, JaymeNYC <[EMAIL PROTECTED]> wrote:
>>>>>>> I'm trying to create an accordion similar to the 2nd 1 at the  
>>>>>>> top
>>>>>>> herehttp://jquery.bassistance.de/accordion/demo/
>>>>>>>
>>>>>>> The problem I'm having is I can't find steps on how to achieve
>>>>>>> this..
>>>>>>> I have loaded the css/javascript files and I also structured the
>>>>>>> xhtml/
>>>>>>> css similar using the same names. When I put y accordion in the
>>>>>>> demo
>>>>>>> html file, it works fine but when I have it on my page it doesnt
>>>>>>> work.. It seems I'm missing a step that has to do with  
>>>>>>> javascript
>>>>>>> because on my page the class "basic" remains the same but in the
>>>>>>> demo
>>>>>>> file the class "basic" becomes "basic ui-accordion selected"  
>>>>>>> and I
>>>>>>> also see "display:none" throughout the page.
>>>>>>>
>>>>>>> So are there any steps I can follow to make sure I do everything
>>>>>>> right?
>>>>>>>
>>>>>>
>>>>>
>>>>>>
>>>>
>>>>
>>>>>
>>>>
>>>
>>>>
>>
>>
>>>
>>
>
> >


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to