Jquery Toggle For Long Form

Hi, this isnt a hack I have developed yet, although I suppose it will be soon if anyone can help haha. Essentially my problem is the login form for my site is VERY long, which can seem daunting to users. I have all the fields setup in S2, divided into sections, but the issue is that each “section” isn’t enclosed within a div or fieldsdet tag when generated by the shortcode. If it were I would be able to write some JS that would allow me to toggle the sections open or closed, or do some kind of page by page system, that would make the form seem less intimidating. However because I am unfamiliar with the plugin I cant seem to find where the code is that defines what HTML is spit out when you open or close a “section” in the form. All I need to do is have a section open a tag and then when a new section begins close the old and open a new one. Does anyone have any tips on how I could do this? Thanks a lot!

Hello Cage,

Does using something like Firebug help you in order to find the source files?

Also, I have done this in the past with JavaScript… But I have now forgotten how I did it. lol

Eduan, I dont think that using Firebug will help as the file is most likely a PHP file, so I can see the structure of the form that the plugin is creating a I dont know which files in the plugin folder are generating it.

I mean using Firebug to find the style that is being applied, then search for that style inside s2Member’s files.

I see, yes I will be using that method, I was just hoping someone here would be able to provide me with some direction is all :)