jquery - div 内のリンクをクリックすると、リンクをたどるのではなく、fadeOut が発生する

Question

私はこのコードを書きましたが、Javascript と jQuery の両方に非常に慣れていないので、とても楽しんでいます。基本的に、リンクがクリックされたときに、リンクをたどる前に DIV ボックスが fadeOut() を実行するように絞り込みました。私はSOを数日間検索してきましたが、応答を変換することも、機能する応答を見つけることもできませんでした.

コードをきれいに保ち、CSS を追加して、与えられた回答/解決策に基づいてコードを表示および変更できるようにしました。

http://jsfiddle.net/dUTex/

//クラス「.exp」の要素をクリック

$(document).ready(function() {
$(".exp").click(function() {
    $('.expMenuWrapper').fadeIn("fast");
    $('.expMenu').fadeIn("fast");
});

//これは私が夢中になっている場所です。私はこれを借りましたが、正しく機能していません。リンクが「アクション」を取得する前にフェードアウトします

$(".close-btn, .expMenu").click(function(e) {
    e.preventDefault();
    $('.expMenuWrapper').fadeOut("fast");
});
});