Having a bit of a problem with disabled accordion style

Replies to This Discussion

Permalink Reply by Luke Wertz on July 22, 2010 at 8:47am

Do you happen to have a link where we could take a look at the code in context?

Permalink Reply by Bill Malinowski on July 22, 2010 at 8:56am

See the attached file for some of the markup that is being generated by JSF test.txt

Permalink Reply by Bill Malinowski on July 22, 2010 at 11:51am

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.

Permalink Reply by Luke Wertz on July 22, 2010 at 12:04pm

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.

Permalink Reply by Bill Malinowski on July 22, 2010 at 12:16pm

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:

• default.html, 3 KB

Permalink Reply by Cory Dorning on July 22, 2010 at 6:06pm

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

Permalink Reply by Cory Dorning on July 22, 2010 at 7:09pm

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

Permalink Reply by Bill Malinowski on July 23, 2010 at 4:15am

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.

Permalink Reply by Bill Malinowski on August 20, 2010 at 4:38pm

Just in case anyone missed it, the 1.8.4 UI release fixes this issue with IE. :-)

Permalink Reply by steven on August 27, 2010 at 8:37am

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!