在角度中显示/隐藏/切换JS
我有两个按钮导航栏。
<div class="navbar-header">
<div class="navbar-header">
<div id="toggle-menu" ng-click="isShowSideBarMobile = !isShowSideBarMobile"><i class="fa fa-bars fa-3x"></i></div>
<div id="toggle-function" ng-click="isShowRightContent = !isShowRightContent"><i class="fa fa-ellipsis-v fa-3x"></i></div>
</div>
</div>
当单击div#toggle-menu时，它使div#sidebar-mobile-wrapper显示。
<div id="sidebar-mobile-wrapper" class="container-fluid" ng-show="isShowSideBarMobile"></div>
当我点击div#toggle-function时，它会显示div#right-content-mobile。
<div class="container-fluid right-content-mobile" ng-show="isShowRightContent"></div>
都奏效了。但现在我想，一次只能显示一个div。所以当我点击#toggle-menu时，如果div#right-content-mobile是可见的，它将被隐藏和sidebar-mobile-wrapper等。
共有2个答案
仅使用MobileMenucollapsed变量：
<div class="navbar-header">
<div class="navbar-header">
<div id="toggle-menu" ng-click="mobileMenuCollapsed = !mobileMenuCollapsed"><i class="fa fa-bars fa-3x"></i></div>
<div id="toggle-function" ng-click="mobileMenuCollapsed = !mobileMenuCollapsed"><i class="fa fa-ellipsis-v fa-3x"></i></div>
</div>
</div>
<div id="sidebar-mobile-wrapper" class="container-fluid" ng-show="!mobileMenuCollapsed"></div>
<div class="container-fluid right-content-mobile" ng-show="mobileMenuCollapsed"></div>
找这个。我希望这正是你需要的。实际上，您需要使用现成的解决方案来完成这项任务（例如标签、手风琴、面板）。
<div class="navbar-header">
<div class="navbar-header">
<div id="toggle-menu" ng-click="isShowSideBarMobile = !isShowSideBarMobile;isShowRightContent = false;"><i class="fa fa-bars fa-3x"></i><button>isShowSideBarMobile</button></div>
<div id="toggle-function" ng-click="isShowRightContent = !isShowRightContent;isShowSideBarMobile = false;"><i class="fa fa-ellipsis-v fa-3x"></i><button>isShowRightContent</button></div>
</div>
</div>
<div id="sidebar-mobile-wrapper" class="container-fluid" ng-show="isShowSideBarMobile && !isShowRightContent">sidebar-mobile-wrapper</div>
<div id="right-content-mobile" class="container-fluid" ng-show="isShowRightContent && !isShowSideBarMobile">right-content-mobile</div>
-
我有一个问题隐藏和显示一个元素取决于一个布尔变量在角2。 这是div要显示和隐藏的代码： 变量已“编辑”，并存储在我的组件中： 元素是隐藏的，当saveTodos函数启动时，会显示元素，但3秒钟后，即使变量返回为false，元素也不会隐藏。为什么？
-
问题内容： 希望这是一个简单的问题。我有一个我想用按钮切换隐藏/显示 问题答案： 看一下jQuery Toggle HTML： jQuery的： 对于jQuery 1.7及更高版本
-
我正在使用Ionic 3 Angular作为网站。并且有 2 个小点将整个视图从视图 1 更改为视图 2。基本上要做到这一点，我只是使用 *ngIf 进行离子行的显示隐藏，如下所示 但是整体过渡非常快。当我点击按钮从视图1转到视图2时，我想把它显示为滑动效果。请指教。 我认为ionic和angular都有某种动画功能，但我不确定在这种情况下哪个是正确的，以及如何使用它。
-
本文向大家介绍js实现简易点击切换显示或隐藏，包括了js实现简易点击切换显示或隐藏的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现简易点击切换显示或隐藏的具体代码，供大家参考，具体内容如下 html: css: js: 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍vue实现密码显示隐藏切换功能，包括了vue实现密码显示隐藏切换功能的使用技巧和注意事项，需要的朋友参考一下 先给大家分享效果图： 具体实现代码如下所示： html： script： 注：带小眼睛的睁开闭合。 总结 以上所述是小编给大家介绍的vue实现密码显示隐藏切换功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！
-
我是jQuery的新手，我试图在不使用jQuery的切换函数的情况下创建一个show/hide切换按钮，但我不知道下面的代码有什么问题。 “隐藏”按钮可成功隐藏段落。隐藏部分起作用了。它添加了一个类“show”，删除了类“hide”，并更改了按钮的文本。我使用Dev工具来查看这个部分，这个部分正在工作，但是再次点击按钮就不工作了，即show部分。 null null