新着情報などで使えそうなdlを使った一覧のサンプル

2008/10/02
グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル
2000/10/01
グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル
2008/10/02
グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル
2000/10/01
グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル
2008/10/02
グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル
2000/10/01
グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル
2008/10/02
グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル
2000/10/01
グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル
2008/10/02
グループ 1のタイトルタイトルタイトルタイトルタイトルタイトル
2000/10/01
グループ 2のタイトルタイトルタイトルタイトルタイトルタイトル

Javascript

jQuery( document ).ready( function() {
	if ( jQuery( "input[@name='switch']:checked").val() == undefined ) {
		var val = "all";
		} else {
			var val = jQuery( "input[@name='switch']:checked").val();
		}
		show(val);
		
		jQuery( ".check").click( function() {
			show( jQuery(this).val() );
			});
		});
		
		function show( val ) {
			if( val == "all" ) {
			jQuery( "#tabBox dt,#tabBox dd" ).show();
		} else {
			jQuery( "#tabBox dt,#tabBox dd" ).hide();
			jQuery( "#tabBox ." + val ).show();
	}
}

ページトップへ