Solved

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

Posted on 2011-03-16

1 solution

544 Views

Last Modified: 2012-05-11

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>')

Comment

Question by:jeremyll

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

1 Comment

LVL 3

Accepted Solution

by:ccwill88

ccwill88 earned 500 total points

ID: 351536002011-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

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

How to Always Be an SEO Wizard

Article by: Lexie

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.

Visa 457 Gone... How will this affect Australia's IT Experts?

Article by: Oscar

Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.

Adding Boundary Outlines to Google Maps with Google Mapmaker

Video by: doug

This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park. Login to your Google Account, then Google for "Google M…

Introduction to CSS (Part 2)

Video by: Jason

The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…