Thread: Expandable/Collapsible listings

Expandable/Collapsible listings

A good compromise between UX and SEO: an expandable listing.

Description and examples
In the category page, when you click on the listing heading, the full content gets displayed by sliding' and when you again click on the heading again, it gets collapsed.
http://roshanbh.com.np/examples/exapandable-panel/
http://www.mynadlan.co.il/en/sale.html

Re: Expandable/Collapsible listings

You would probably have to implement the Jquery Mootools click event within the theme, and have the information from the post drop-down.

The downside of this is that any post with a great deal of information would take longer to drop-down ( your example only used text and a little at that ).

A huger downside is that someone may want to load the information when the page is loading. This is good, but could take even longer and cause a stall. Not to mention if someone isn't working the code right your site could be slow as hell.

Mootools seems to have lighter effects for what you are looking for, but many of the developers cost some money. Maybe it could be done here. Good idea.

Re: Expandable/Collapsible listings

Yes, Gaby uses JQuery, therefore he should continue to :P

Not at all. If the JS configured well, the expanding time will take less then 0.5 sec.

I prefere not to deal with AJAX here, but it's up to Gaby.

Thanks for your feedback Just one more example (its a hebrew one, but you just have to click on any of the yellow listings, and see how fast it loads http://www.homeless.co.il/sale/ and its still bloody ASP.

Re: Expandable/Collapsible listings

I've found a plugin that implements such a feature. May be useful for further considering: http://www.dagondesign.com/articles/exp ... -comments/" onclick="window.open(this.href);return false;

Re: Expandable/Collapsible listings

The Hebrew site looks very good. When I mentioned those things, it wasn't because of the site but more of the browsers people use. But since you found it, that looks really great. An option to implement this would be great.