I'm creating a collapsible panel using AJAX in a custom module. It behaves as expected in Firefox, but not in IE7. What I see is that there is some default DNN styling being added to the div element which has height set to auto, and this seems to be overriding my CSSClass where I have height:0px

Firefox shows this as the final CSS sheet:

I'm assuming that this must be a default DNN style being applied. What's happening in IE is that when I hit the "collapse" control, the element does collapse for a split second and then immediately expands again. What i see on asp.net is the instruction that a css class must contain the propery and value of height:0px to fix this behavior. but the above height:auto is stopping my cssClass from being effective, I believe.

Can someone tell me how to get around this?

Thanks -

Now I need further help and maybe using a collapsible panel via ajax isn't the right way to do this.

I have data returned from database via query which is being displayed in datalist. Inside the datalist is a child datalist. I don't know how many parent datalists will be created, and for each of them, I don't know how many children datalists will be present (in some cases, none).

I want to make the data in the parent datalist visible upon initial return of data, and all the child data to remain hidden until user hits a control. Kind of like the faq module but faster. How do I dynamically create controls that will make the child panel expand and collapse?

i know this is probably basic and boring but a hint would be appreciated ... I am assuming that I'd be replacing the hardcoded element name with an eval of some sort ... will I also be messing with findcontrol in the codebehind?

I don't do enough .net programming to stay familiar with these things