点击时隐藏按钮

Question

尝试使用Bootstrap / JavaScript在点击时隐藏按钮。这是我的按钮代码：

<a href="#menu-toggle" class="btn btn-primary btn-lg" id="menu-toggle" onclick="hideBtn();">I understand</a>

这是我的剧本：

<script type="text/javascript">
    function hidebtn(){
        document.getElementById('menu-toggle').style.display = 'none';
    }
</script>

它没有工作，有什么想法吗？谢谢！

Answer 1

尝试使用jQuery：

function hide(){
    $( "#button" ).addClass( "hide" );
}

HTML＆amp; CSS：

<a id="#button" onClick="hide()">Button</a>

#button.hide {
display: none;
}

Answer 2

function hideBtn()
    {
    document.getElementById('menu-toggle').style.display = 'none';
    }

<a href="#menu-toggle" class="btn btn-primary btn-lg" id="menu-toggle" onclick="hideBtn();">I understand</a>