Widget:Sif-song-table

小部件文檔

這個文檔是內聯文檔。

用於LoveLive!學園偶像祭歌曲列表。

JavaScript腳本：

window.addEventListener('load', function() {
    document.querySelectorAll( '.sif-song-table' ).forEach(function(table) {
        table.querySelectorAll( '.tabs-dropdown li' ).forEach(function(ele, i) {
            ele.onclick = function() {
                table.querySelector( '.tabs-label' ).textContent = ele.textContent;
                table.querySelectorAll( 'td:nth-last-child(-n+2) > span' ).forEach(function(e) {
                    e.style.display = '';
                });
                table.querySelectorAll( 'td:nth-last-child(-n+2) > span:nth-child(' + (i+1) + ')' ).forEach(function(e) {
                    e.style.display = 'initial';
                });
            };
        });
    });
});
//

CSS樣式表：

 */
.sif-song-table {
	text-align:center;
}
.sif-song-table .tabs-content {
	border-radius:0 0 8px 8px;
}
.sif-song-table .tabs-dropdown ul {
	background-color:#f8f9fa;
}
.sif-song-table .tabs-dropdown li:last-child {
	border-radius:0 0 8px 8px;
}
.sif-song-table td:nth-last-child(-n+2) > span {
	display:none;
}
/*