当想要隐藏或显示某些内容时,如何使用按钮而不是复选框(div)

时间:2017-03-17 09:46:00

标签: html css

而不是复选框想要使用按钮隐藏并显示div。 下面是复选框的代码,添加按钮而不是复选框,但它不起作用。

<body ng-app="ngAnimate">
    <h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>
    <div ng-hide="myCheck"></div>
</body>

此代码仅适用于复选框,我想要一个按钮而不是此。

1 个答案:

答案 0 :(得分:1)

您可以执行此操作以在button点击上显示和隐藏div。

<button ng-click="showDiv = !showDiv">test </button>
<div ng-show="showDiv" >
    hello test
</div>