Is it possible to use something like jQuery to tweak how conditional questions are revealed? I'd like to use something like fadein() or a roll down effect to display a conditional question if it is on the same page as the current question. Ideally, I'd like to do this in a custom onload, but I'm open to minor source tweak if that what it takes.

Any thoughts?

(sorry if this is answered in a previous post, forum search isn't working at the moment for some reason)

I first start might be to trigger the "display" event to use a fading option when it switches from "display:none" to a visible state?!

I can't think of any way to dynamically modify checkconditions() function (after page load) but you can modify the core code in group.php.

Fading the questions in may be a little tricky because they are initially hidden with a CSS rule "display:none" and fadeIn() uses the opacity.

To slow the rate at which the questions are shown/hidden, modify the following lines in group.php:

Change:To:
Change:To:
The param "slow" can be replaced with a number of milliseconds.

johnichiban, if you get this working, can you set up a sample survey and add the link here?
I'm really keen on seeing this live.

You can also add jQuery UI easings to the transition.

Something like:
See - jqueryui.com/demos/effect/easing.html

This works beautifully. I had no problem using fadeIn() and fadeOut() instead of show() and hide().

I played around a bit to try slideUp() and slideDown(), but those are a bit trickier. To make those work, I had to first show 'question$cd[0]' and then apply the slide to the first child div ('question$cd[0] :first-child'). It doesn't work particularly smoothly in my testing.

As a more permanent solution, I wonder if group.php could be modified to use a custom function to show/hide questions which could be overridden in a template javascript file to allow customization at the template level.

Thanks a lot for the assistance!

johnichiban wrote: You can add this as a feature request at our feature tracker . Please describe your idea as detailed as possible and try to outline a suitable solution/implementation as well.

Can you post a link to a demo survey?

Well, that's possible but we would need to have a check to see if the new custom function exists in the template.js file and, if not, revert to the old hide/show script. Otherwise old custom templates would stop working.

Something like: