jquery - jqueryを使用してリンクを表示してから非表示にする必要があります

Question

クリックすると、マップの操作に関する情報が表示された div が下にスライドする (マップの手順を表示) というテキストが少しあります。divがスライドダウンした後、テキストを「マップステップを非表示」に変更したいと思います。これをクリックすると、すべてが元に戻ります。

それは主に動作します。「マップ ステップを非表示」を表示: なしに設定していますが、すべてをスライドして戻すためのリンクとして使用することはできません。

私が使用しているコードは次のとおりです。

$(".stepsLink").click(function () {
$(".stepsLink").hide();
$(".stepsUpLink").show();
if ($(".steps").is(":hidden")) {
  $(".steps").slideDown("fast", "linear");
} else {
  $(".steps").slideUp("fast", "linear");
}
});

stepsUpLink 自体は表示されますが、クリックして div を上にスライドさせることはできません。

これが私のjsfiddleリンクです：http://jsfiddle.net/ltdesign/5b6XS/

何か助けはありますか？ありがとうございました！