垂直メニューjQueryをスライドさせる方法は？

Question

私はcssとjqueryで垂直スライドメニューを作成しようとしましたが、運がありません。 jqueryで各クリックアイテムメニューを取得するにはどうすればよいですか？

from my ul class = "flyoutFirst"

各クラス= "flyoutFirst"にはマークアップのようなアイテムのリンクがあります。

私に教えていただきありがとうございます。ここ

は、例えば、jqueryのコードです：

$(function() { 
    $('.list li').click(function() { 
    $('.list').animate({ 
     left: '-100%' 
    }); 
    return false; 
    }) 

    $('.back').click(function() { 
    $('.list').animate({ 
     left: '0' 
    }); 
    }) 

}); 

詳細： link to jsfiddle

よろしく、

猿

Answer 1

は、リンクを試してみましたが、私はその作業罰金だと思いますあなたの質問をはっきりと強調してください。何をしたいですか

Answer 2

実際、私はあなたがしたいことを理解していません。しかし、あなたはこの方法で得ることができるネストされた要素を持つクリックイベントに関するすべての情報： "e"引数を使用すると、すべての情報を取得できます。 https://jsfiddle.net/cfrd6mg9/

Answer 3

私は解決策を見つけました。

多分これは良い解決策ではありませんが、それは仕事です！私のjsファイル内の ：

$(function() { 
     $('.list li').click(function() { 
     $('.list').animate({ 
      left: '-100%' 
     }); 
     $(this).find('.flyoutFirst').css({display: 'block'}); 
     return false; 
     }) 

     $('.back').click(function() { 
     $('.list').animate({ 
      left: '0' 
     }, function(){ 
      $(this).find('.flyoutFirst').css({display: 'none'}); 
     }); 
     }) 

    }); 

はjsfiddle

で私の更新を見ないとだけ表示を追加します。CSSで私のクラスflyoutFirstでなし。 また、人々が非常に基本的なアイデアをどのようにスライドメニューを作成するのに役立つことを願っています。 ありがとうございます。

よろしく、

猿の答えのための