Collapsable booking form

[Anonymous]

Dears

I am using the booking form in an even list, but it does look a bit repetetive and bulky in those lists. I wonder if it was possible to make the booking form “collapsable”, so that only a link like “click here to register” would be displayed in the list. If you click there, some JavaScript would then expand the actual booking form …

Too difficult? Too obscure?

Cheers

Hasko

[Anonymous]

Oops, this accidentally went into the official announcements. Obviously, it was meant to go to feature requests. Sorry about that.

Cheers

Hasko

[Anonymous]

In fact, I managed to get it working using the excellent advice on http://designgala.com/how-to-expand-collapse-toggle-div-layer-using-jquery/

This is what I put in the event list template:

[:de]<tr>

<td>#_LINKEDNAME<br />

<a href="#_LOCATIONPAGEURL" target="_blank">#_LOCATION</a> #_DETAILS</td>

<td><a href="javascript:;" class="collapsable-header">Anmeldeformular</a>

<div class="collapsable-content">

#_ADDBOOKINGFORM

</div></td>

</tr>

[:en]<tr>

<td>#_LINKEDNAME<br />

<a href="#_LOCATIONPAGEURL" target="_blank">#_LOCATION</a>

#_DETAILS</td>

<td><a href="javascript:;" class="collapsable-header">Registration</a>

<div class="collapsable-content">#_ADDBOOKINGFORM</div>

</td>

</tr>

Then, in the page header section, add the corresponding functions using “collapsable-header” and “collapsable-content.” Works perfectly even with qTranslate, as you can see.

[Anonymous]

I haven’t tried, this, but what about wrapping it in this: http://wordpress.org/extend/plugins/jquery-collapse-o-matic/ or this http://hackadelic.com/solutions/wordpress/sliding-notes?

[Anonymous]

Hi 3dperuna

good advice. Those two plugins look neat. I didn’t find them when I was looking for a “collapsing” plugin, that’s the only reason why I didn’t use them. 🙂

The jQuery stuff works for me now, but I’ll try the plugins when I feel adventurous one week-end. Or for my other web site.

Cheers

Hasko

[Author]

Posts