<table>
各月で構成されるカレンダーがあります。私は Javascript を使用して毎月展開/折りたたみを行っています。
Javascript:
$(function() {
var $month = $('.month');
$month.find("tr").not('.monthLabel').hide();
$month.find("tr").eq(0).show();
$month.find(".monthLabel").click(function(){
$month.find('.monthLabel').not(this).siblings().fadeOut(500);
$(this).siblings().fadeToggle(500);
}).eq(0).trigger('click');
});
HTML:
<table border="0" cellpadding="0" class="month jan">
<tr class="monthLabel">
<th scope="col" colspan="7">
<h3>January</h3>
</th>
</tr>
<tr class="weekLabel">
<th class="sun" scope="col" abbr="Sunday">Sun</th>
<th class="mon" scope="col" abbr="Monday">Mon</th>
etc...
</table>
正常に動作しますが、現在、デフォルトで最初のテーブル (1 月) が展開され、残りは折りたたまれています。代わりに、デフォルトで現在の月を展開し、残りを折りたたむようにしたいと思います。テーブルを完全に再フォーマットせずにこれを行う方法はありますか? VBasic を使用して自動的に生成されるこれらのカレンダーが約 40 あるため、これは理想的です。可能であれば、実際のテーブル HTML は変更しないでください。