jQueryのアコーディオンタブは、私が垂直スタイルのアコーディオンタブを持っているしたいと思います前のタブから選択に依存して情報

Question

を表示します。最初のタブで

、ユーザーは次のように質問尋ねられます「果物や野菜を？」

2番目のタブに自動移行を求めるだろうと思われる果物の画像をクリックする「りんごを、バナナ、ブドウや？」

今のユーザーが...最初のタブで2番目のタブ（再び）への自動移行を野菜を選んだが、今尋ねると仮定しましょう「ニンジン、セロリ、またはジャガイモの？」 2つ目のタブで

表示要素は、最初のタブでユーザーの選択の選択に依存しています。したがって、データベースへの呼び出しが必要です。しかし、私はユーザーが複数のページに移動するのを避けるために、jqueryスライダーエフェクトを利用してユーザーが決してページを移動していないように見せています。

どこから始めればいいですか？例？テンプレートまたはプラグイン？キーワード検索でも？

本当にありがとうございます。

Answer 1

彼らはクリックすると、次のタブのコンテンツをロードするためにjQueryの負荷を使用してください。

$(".tab a").click(function(){ 
     qAns = $(this).attr('id'); 
     $(this).children(".tab-content").load("content.php", {anwser: qAns}); 
}); 

使用次のいずれかにタブを変更するには、このような何か：

var selected = $("#tabs").tabs("option", "selected"); 
$("#tabs").tabs("option", "selected", selected + 1);