Javascript 不使用jquery重写脚本

请帮助重写没有jquery的脚本

这里 我做了一个滑出式面板。使用angularjs和jquery

必须只使用angularjs

js:

就这样:

<div class="slide_panel" ng-class="{'showPanel':show}">
    qwertyqwertyqwertyqwertyqwerty<br />
    qwertyqwertyqwertyqwertyqwerty<br />
    qwertyqwertyqwertyqwertyqwerty<br />
    qwertyqwertyqwertyqwertyqwerty<br />
    qwerty<br />
    qwerty<br />
    qwerty<br />
</div>

<div class="next" ng-click="show = true">show</div>
<br />
<br />
<div class="next" ng-click="show = false">hide</div>

qwertyqwertyqwertyqwertyqwerty

qwertyqwertyqwertyqwertyqwerty

qwertyqwertyqwertyqwertyqwerty

qwertyqwertyqwertyqwertyqwerty

qwerty

qwerty

qwerty

显示




隐藏

这个问题似乎离题了，因为它属于codereview.stackexchange.com谢谢。但是如果有一种方法只使用angularjs？但不是纯JavaScriptThank，但不起作用您缺少幻灯片面板div上的

ng类

。请仔细查看我的答案。

<div class="slide_panel" ng-class="{'showPanel':show}">
    qwertyqwertyqwertyqwertyqwerty<br />
    qwertyqwertyqwertyqwertyqwerty<br />
    qwertyqwertyqwertyqwertyqwerty<br />
    qwertyqwertyqwertyqwertyqwerty<br />
    qwerty<br />
    qwerty<br />
    qwerty<br />
</div>

<div class="next" ng-click="show = true">show</div>
<br />
<br />
<div class="next" ng-click="show = false">hide</div>