ボタンをクリックしたときに2行1列の表を表示する方法

Question

リストタグに含まれる通知ボタンのタブをクリックすると、2行1列の表が表示されます。これどうやってするの？

Answer 1

最初に、htmlで表を作成し、2番目に「隠し」CSSプロパティを付け、いくつかのjavascriptを追加します。

HTML：

<table id="testTable"> 
<tr> 
    <td>test</td> 
</tr> 
<tr> 
    <td>test</td> 
</tr> 
</table> 

CSS：

#testTable{ 
    display:none; 
} 

Javascriptを：

document.getElementById("yourNotificationElement").onclick = function() {displayTable()}; 
function displayTable() { 
document.getElementById("testTable").style.display= "inline"; 
}