多くの項目のリストでJQuery Slidetoggle（）を使用する

人のリストを作成したいと思います。divをクリックすると、その時間表が下に表示されます（ここではslidetoggle（）メソッドが最適です）。多くの項目のリストでJQuery Slidetoggle（）を使用する

とにかく私が見つけることができるすべてのチュートリアルは、個々の単純なものです。名前を多くの名前の中からクリックすると、その時刻表だけが表示されます。ラインのこれらの種類に

イム：

<div class="tutor"> 
<h2>Joe Bloggs</h2> 
<img>(a dynamic arrow pointing up or down depending on the current toggle)</img> 
    <div class="calendar"> 
     Calendar hide or show 
    </div> 
<div>

私はそのすべての$ thisキーワードの使用を中心に推測するが、私はまだそれを使用する方法が100％わからないんだけど！

多くのおかげで、

リックは

出典

2012-02-01 Rick Donohoe

がjQueryUIアコーディオンを見て助けた

// Bind click event to all elements with the "tutor"-class $(".tutor").click(function() { // When one is clicked, call slideToggle on the div with class "calendar" it contains $(this).children(".calendar").slideToggle(); // Toggle a class on the child img which specifies background-image/position $(this).children("img").toggleClass(".someClass"); });

希望..私はそれがために良い解決策になると思いますあなたの問題。 http://jqueryui.com/demos/accordion/ –

私はこの古いフィドルを築いています。 http://jsfiddle.net/7E7zp/3/ - あなたがしたいことをする必要があります！ –

例：これは:)

出典

2012-02-01 13:20:06

多くの項目のリストでJQuery Slidetoggle（）を使用する

答えて

関連する問題