Question

jQuery(this).html(jQuery(this).html() == '▼ SHOW ▼' ? '▲ HIDE ▲' : '▼ SHOW ▼');

This will toggle the text as requested but it shows the

▼

as the html and not as the ▼

anyone have any ideas?

Answer 1

The problem is that the html (or text) content you get from the element content is already transformed. So the ▼ doesn’t exist anymore.

If this script is in UTF-8, you may do this :

$(this).html(jQuery(this).text() == '▼ SHOW ▼' ? '▲ HIDE ▲' : '▼ SHOW ▼');

EDIT, Another simpler version not needing UTF-8 :

$(this).html(jQuery(this).text().indexOf('SHOW')>0 ? '▲ HIDE ▲' : '▼ SHOW ▼');