JQuery Toggle Multiple Divs + Read More/Read Less

Vote count:

0

Brand new to jquery as I'm sure you'll soon be able to tell.

I've been browsing the forums looking for solutions to two main issues I've been experiencing:

• Independent toggle between multiple divs &


• Toggle between 'Read More' & 'Show Less'

Below is the script im using for the page, however the when i select a specific div, which reveals additional content underneath, the display image is hidden & replaced with 'Show Less'.

$(".stage-description").slideUp();
$(".stage-logo").click(function(){
$(".stage-description").not($(this).next()).hide(1);
$(this).next(".stage-description").slideToggle("1");
$(this).text( $(this).text() == 'Show Less' ? "Read More" : "Show Less");

});

Below is an example page where im experiencing this issue..

http://ift.tt/1yo3ZGo

Any help would be greatly appreciated!!

Cheers

asked 3 mins ago

raym01

1

JQuery Toggle Multiple Divs + Read More/Read Less