category description - expand/collapse on a click

[b2c_]

Hi guys,

 

I've spent last two hours trying to figure out a solution, without success, maybe you can help.

 

My category descriptions are quite long (and I want to keep them long, because there's lot of useful information in it), but I don't want it to consume too much space on the screen.

As you can see on attached screenshot, category description consumes almost half of the page.

 

I want to achieve this:

On page load (default view when I go inside any category) there would be only a shorter version of description (let's say 300 digits). If customer clicks on the link "More", the table with description would expand to full length (without reloading the page).

 

It already drives me nuts. If anybody could give me a hint, I would really really really appreciate.

 

I use Presta 1.4.8.2., with prestashop theme 1.5

 

(PS - I'm not a programmer, it's more less my hobby, so please try to use simple language

 

Thank you in advance

S.

[shueb]

@b2c_

Hi b2c , i have tried implementing the same on product page ...u can make use jquery ......i referred dis

 

Live demo:

http://roshanbh.com.np/examples/exapandable-panel/

 

code explanation

http://roshanbh.com.np/examples/exapandable-panel/

[b2c_]

@b2c_

Hi b2c , i have tried implementing the same on product page ...u can make use jquery ......i referred dis

 

Live demo:

http://roshanbh.com....pandable-panel/

 

code explanation

http://roshanbh.com....pandable-panel/

 

Thank you Shueb, I have tried you solution, but in the end I´ve found other solution, whitch fits my needs better. Used this http://viralpatel.net/blogs/dynamically-shortened-text-show-more-link-jquery/

[maximusimo]

Guys how exactly do you implement this?