jquery - .slideDown を使用して div のオンとオフを切り替え、矢印も調整します

Question

インクをクリックするとスライドして表示されるリンクの下に表示される div を作成しようとしています。

私はそれを機能させることができないようです。

また、divが「開いている」ときに►を▼に変更する方法を考え出す必要がありますが、これはおそらくASCII文字ではなく画像で行う必要がありますか?

JSフィドル

Answer 1

デモ： http： //jsfiddle.net/DAjEK/4/

これは完全に異なるアプローチです...はるかに簡潔です。

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