asked on

jquery issue

I ma trying to do a read more/read less functionality but does not seems to get it working right. It seems like I can not access the class directly because it surrounded by p tag

The content looks like this

hello here
 hello here 2

Show More

And the JS is here
$(".feedback-morecontent").hide();
 $('span.feedback-showmore').on('click', function (e) {

 $(this).text($(this).text() == 'Show More' ? 'Show Less' : 'Show More');
 $(this).prev("p").prev(".feedback-morecontent").slideToggle("slow");
 e.preventDefault();
 });

ASKER CERTIFIED SOLUTION

Tom Beck

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Tom Beck

I think this arrangement looks better.

hello here 
 hello here 2
Show More

Then for jquery:

$(document).ready(function(){
 $(".feedback-morecontent").hide();
 $('span.feedback-showmore').on('click', function (e) {

 $(this).text($(this).text() == 'Show More' ? 'Show Less' : 'Show More');
 $(this).prev("p").slideToggle("slow");
e.preventDefault();
});
});