Status: Solved
Priority: Medium
Security: Public
Views: 562
Last Modified: 2012-05-11

jquery replace 'show detail' with 'hide detail' text

http://test.production.esa.edu.au/NDLRN/ndlrnCatalog/final.html

I got the accordian effect working, but the 'show detail' text needs to be replaced with 'hide detail' when it is clicked on.

replace 'show detail' with 'hide detail' and vice versa when clicked on again.

here's some of the key code i added to the jquery:

in .find("h3") i added .prepend('<span class="showHide" style="float:right;">Show Details</span>')

jeremyll

Asked: 2011-03-16

Advertise Here

1 Solution

LVL 3

ccwill88Commented: 2011-03-16

use html() to modify :

.click(function() {
      $(this)
 	.html('<span class="showHide">HIDE Details</span>')
	    .toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom")
        .next().toggleClass("ui-accordion-content-active").slideToggle();		
      return false;
    })

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

jquery replace 'show detail' with 'hide detail' text

Join & Write a Comment Already a member? Login.

Featured Post