Twitter bootstrap 3 如何在单个页面中创建交互式网页？

例如，即使在页面内单击，也会保留在

main.html

中。将显示/隐藏不同元素的所有内容保留在页面中的过程是什么

顺便说一下，使用引导

---

谢谢大家!

一种方法是使用jQuery根据计时器或用户单击事件显示和隐藏各种div

例如，您可以使用以下HTML

<div id="home">Hello. <a href="#" onclick="gotoPage2(); return false;">Page 2</a></div>
<div id="page2" style="display:none;">Page 2. <a href="#" onclick="gotoHome(); return false;">return Home</a></div>

<script>
    function gotoPage2() {
        $("#home").hide();
        $("#page2").show();
    }

    function gotoPage2() {
        $("#page2").hide();
        $("#home").show();
    }
</script>

你好。 第2页。 函数gotoPage2（）{ $（“#home”）.hide（）； $（“#第2页”）.show（）； } 函数gotoPage2（）{ $（“#第2页”）.hide（）； $（“#home”）.show（）； }