Question

Trying to create a div that is revealed below a link that slides to reveal when the ink is clicked.

I can’t seem to get it working.

I also need to work out a way to make the ► change to a ▼ when the div is ‘open’, though this will probably need to be done with an image not an ascii character?

JS Fiddle

Answer 1

Demo: http://jsfiddle.net/DAjEK/4/

Here’s a completely different approach… Much more concise.

$("#colourList a").click(function(e){
    e.preventDefault();
    $(this).html($(this).is(':contains(▼)') ? 'See the colours ►' : 'Hide the colours ▼');
    $("#colours").slideToggle(500);
});​