jQuery Meetups

jQuery Meetups

I am trying to create a page where the accordions can be disabled.  The opacity gets set correctly in Firefox and Chrome, but for some reason doesn't seem to work in IE. To disable, I am using

$j(accordion).accordion('disable');

I am using jQuery UI 1.8.2 and jQuery 1.4.2


Any help would be greatly appreciated.


Thanks!

Bill

Views: 33

Replies to This Discussion

Do you happen to have a link where we could take a look at the code in context?
See the attached file for some of the markup that is being generated by JSF test.txt
I tried editing the demo that comes with JUI 1.8.2 to disable the accordion. But I get the same results, works in Firefox + Chrome, not in IE.
Bill,

I'm not really sure what you're trying to accordion in the given example.

You don't have any "sections" defined in the example you provided that would allow the accordion to work.

In order for the accordion to work, you need to have a basic HTML markup that looks like this:

div#some_id
h3 - section header
div - first section content /div

h3 - section header
div - second section content /div
/end container div


Forgive the quick psudo-code. The HTML you provided doesn't have any structure that would be "accordion-able" (that's not a word, is it?)

I'm sorry, I really want to help out, I just can't understand what you're trying to do -- there isn't enough context here for me.
In order for the accordion to work, you need to have a basic HTML markup that looks like this:

div#some_id
h3 - section header
div - first section content /div

h3 - section header
div - second section content /div
/end container div


The first div that I posted is the div#some_id
There is another div that contains a span with some text, this is your h3 - section header
Then the next div contains a bunch of form inputs, which would be the content for the section.

I am attaching the demo that I edited (all I changed was creating the accordion), where I get the same results. My page seems to work the same as this demo page that I have edited, opacity works in browsers other than IE.
Attachments:
Bill,

Can you post a screenshot of the differences in IE and Chrome? I setup what it is you are trying to do and it looks the same in all browsers...

http://74.207.227.53/sandbox/jq-meetups.html
I stand corrected. You are right, the opacity isn't working properly in IE.

Cory Dorning said:
Bill,

Can you post a screenshot of the differences in IE and Chrome? I setup what it is you are trying to do and it looks the same in all browsers...

http://74.207.227.53/sandbox/jq-meetups.html
Cory Dorning said:
I stand corrected. You are right, the opacity isn't working properly in IE.

Is there anyway to get this working in IE? Or at least get the accordion to look different than it does when enabled? I've tried to change background-color with the ui-accordion-disabled class but it doesn't really change anything.
Just in case anyone missed it, the 1.8.4 UI release fixes this issue with IE. :-)
hi, i am also creating my website now:www.gocanadashopping.com, if you want help ,please contact me now!
if any need beautiful jerseys, please contact me!

RSS

Badge

Loading…

© 2012   Created by jqueryadmin.

Badges  |  Report an Issue  |  Terms of Service