これが私の前の質問へのリンクです:ajaxを使用してクリック時にID名をphpに渡す
クリック時にajaxベースの検索結果を表示する3つのタブがあります。他のタブをクリックしたときにタブを更新(検索結果をクリア)するにはどうすればよいですか。たとえば、タブ1に検索結果があり、タブ2または3をクリックすると、最初のタブを初期段階に戻します。
スライドアップと.hide関数を試しましたが、これでは機能しないようです。
何か案は?
$("input[name='tab-group-1']").click(function() {
if ($("input[name='tab-group-1']:checked").val() == 'tab-1') {
$("#display_results_1").show();
$("#display_results_2").hide();
$("input[name='display_results_2']")
.attr("value", "");
$("#display_results_3").hide();
$("input[name='display_results_3']")
.attr("value", "");
}else if {
($("input[name='tab-group-1']:checked").val() == 'tab-2') {
$("#display_results_2").show();
$("#display_results_1").hide();
$("input[name='display_results_1']")
.attr("value", "");
$("#display_results_3").hide();
$("input[name='display_results_3']")
.attr("value", "");
}
else{
$("#display_results_3").show();
$("#display_results_1").hide();
$("input[name='display_results_1']")
.attr("value", "");
$("#display_results_2").hide();
$("input[name='display_results_2']")
.attr("value", "");
}
});