再帰が多すぎるというエラーメッセージが表示されます。なんで?
次のコードは、画像をクリックするとテーブルの行を展開/折りたたむことになっています。画像が存在しない場合は、クリックするとdivが表示され、最後の行が展開/折りたたまれます
$(document).ready(function() {
$(".ui-dialog-titlebar").hide();
//$(".lvlcollapse .level4").hide();
$("tr.lvlcollapse").click(function() {
//alert($(this).find("img").attr("src"));
if ($(this).find("img").attr("src") != undefined) {
var tnow = $.now();
var allClass = $(this).attr('class');
var level = getLevel($(this));
var state = getClass($(this), '^clicked\\d+$');
if (state == undefined) {
state = "closing";
$(this).addClass("clicked" + tnow);
}
else {
$(this).removeClass(state);
tnow = state.substr(6);
}
switchImage($(this));
$(this).nextAll(".lvlcollapse").each(function() {
var sublvl = getLevel($(this));
var subtnow = 0;
var substate = getClass($(this), '^closed\\d+$');
if (substate != undefined) subtnow = substate.substr(5);
if (sublvl > level) {
if (state == "closing" && subtnow == 0) {
$(this).addClass("closed" + tnow);
$(this).toggle();
}
else if (subtnow == tnow) {
$(this).removeClass(substate);
$(this).toggle();
}
}
else {
return false;
}
});
} else {
//alert('No Image ');
$(".button").click(function(event) {
//var $this2 = $(this);
var allLevel4 = $(this).next(".lvlcollapse.level4");
$($(this)).toggle('fast', function() {
if (allLevel4.is(":visible")) {
$(this).html("Show Attempts");
alert('hello2');
return false;
} else {
$(this).html("Hide Attempts");
alert('hello3');
return false;
}
}) event.preventDefault();
}).trigger("click");
}
});
$(".lvlcollapse.level2").filter(function() {
return $(this).next(".lvlcollapse.level3").is(":visible");
}).trigger("click");
//$(".button").filter(function() { return $(this).next(".lvlcollapse.level4").is(":visible"); }).hide();
});