如何使用JS在部分頁面上創建Html鎖定？ （可能是jquery）

Question

我希望我的HTML頁面的一部分只有在點擊某個按鈕後才能用enabeld JavaScript顯示，而沒有JS支持的用戶總是會看到它。

所以我的意思是我們有一個正常頁面的標題和正文，但沒有頁腳未點擊一些按鈕被點擊。 （當使用無JS模式wievers會看到頁腳始終。）

Answer 1

你可以使用JavaScript隱藏頁腳，並顯示一個按鈕被點擊時：

$(function() { 
    $('#footer').hide(); 
    $('#someButton').click(function() { 
     $('#footer').show(); 
    }); 
}); 

Answer 2

的jQuery：

$(function(){ 
    $('#footer').hide(); 
    $('#mybutton').click(function(){ 
    $('#footer').show(); 
    }); 
}); 

Answer 3

「Vanilla JavaScript」

window.onload = function() { 
    var footer = document.getElementById('footer'), someButton = document.getElementById('someButton'); 
    footer.style.display = "none"; 

    someButton.onclick = function() { 
     footer.style.display = "block"; 
    }; 
};