如果打开导航,则隐藏div

伊兹

我有一个非常简单的页面,其中包含标准的引导导航,在小屏幕上会折叠。在导航栏的正下方,我有一个div,我不想显示它是否li具有CSSclass dropdown open是否可以CSS通过此方式执行此操作,还是我必须沿着这jQuery/Javascript条路线

.navbar-nav > li.dropdown.open {
 /*How can I hide the div class="inner-details" here*/   
}
休伯特·格热斯科维克(Hubert Grzeskowiak)

如果dropdown元素未与其他元素包装在一起,则可以使用相邻的同级选择器,如下所示:

li.dropdown.open + .inner-details {
    display: none;
}

否则,您可以使用负边距和z-index进行技巧,有效地从其后的下拉菜单下方滑动内容,但这确实会导致布局混乱。

使用JavaScript没有什么坏处。如果我没记错的话,Bootstrap本身会将其用于导航。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

随处滑动以打开导航抽屉

来自分类Dev

按下选项菜单按钮时打开导航抽屉

来自分类Dev

Android ActionBar向上按钮无法打开导航抽屉

来自分类Dev

打开导航抽屉时在片段上调用什么方法?

来自分类Dev

打开导航抽屉时,框架布局会逐渐消失

来自分类Dev

默认情况下不打开导航抽屉

来自分类Dev

打开导航抽屉时使片段可单击

来自分类Dev

离子-在Apple Maps App中打开导航方向

来自分类Dev

为什么在小屏幕上无法打开导航栏?

来自分类Dev

单击汉堡图标不会打开导航抽屉

来自分类Dev

Android:如何禁用打开导航抽屉的ActionBar按钮

来自分类Dev

按下选项图标时打开导航抽屉

来自分类Dev

Android ActionBar向上按钮无法打开导航抽屉

来自分类Dev

打开导航抽屉,其中单击事件具有布局

来自分类Dev

单击菜单图标如何打开导航抽屉?

来自分类Dev

Xamarin UI 测试 - 如何打开导航抽屉

来自分类常见问题

禁用在Android中打开导航抽屉的滑动手势

来自分类Dev

单击工具栏上的汉堡包图标不会打开导航抽屉

来自分类Dev

如何在启动时使用动画打开导航抽屉

来自分类Dev

如何在打开导航抽屉时缩小后台活动?

来自分类Dev

android-通过单击应用程序图标打开导航抽屉?

来自分类Dev

应用会打开导航控制器中的特定ViewController

来自分类Dev

使用setSupportActionBar()在打开导航抽屉时停止汉堡包按钮

来自分类Dev

VB.Net-Webbrowser,在新选项卡中打开导航错误

来自分类Dev

像滑门一样滚动关闭/打开导航

来自分类Dev

如何在Android的Robotium自动化脚本中打开导航抽屉菜单

来自分类Dev

切换标签时打开导航控制器

来自分类Dev

在菜单图标上未打开导航抽屉,在工具栏上单击

来自分类Dev

VB.Net-Webbrowser,在新选项卡中打开导航错误

Related 相关文章

  1. 1

    随处滑动以打开导航抽屉

  2. 2

    按下选项菜单按钮时打开导航抽屉

  3. 3

    Android ActionBar向上按钮无法打开导航抽屉

  4. 4

    打开导航抽屉时在片段上调用什么方法?

  5. 5

    打开导航抽屉时,框架布局会逐渐消失

  6. 6

    默认情况下不打开导航抽屉

  7. 7

    打开导航抽屉时使片段可单击

  8. 8

    离子-在Apple Maps App中打开导航方向

  9. 9

    为什么在小屏幕上无法打开导航栏?

  10. 10

    单击汉堡图标不会打开导航抽屉

  11. 11

    Android:如何禁用打开导航抽屉的ActionBar按钮

  12. 12

    按下选项图标时打开导航抽屉

  13. 13

    Android ActionBar向上按钮无法打开导航抽屉

  14. 14

    打开导航抽屉,其中单击事件具有布局

  15. 15

    单击菜单图标如何打开导航抽屉?

  16. 16

    Xamarin UI 测试 - 如何打开导航抽屉

  17. 17

    禁用在Android中打开导航抽屉的滑动手势

  18. 18

    单击工具栏上的汉堡包图标不会打开导航抽屉

  19. 19

    如何在启动时使用动画打开导航抽屉

  20. 20

    如何在打开导航抽屉时缩小后台活动?

  21. 21

    android-通过单击应用程序图标打开导航抽屉?

  22. 22

    应用会打开导航控制器中的特定ViewController

  23. 23

    使用setSupportActionBar()在打开导航抽屉时停止汉堡包按钮

  24. 24

    VB.Net-Webbrowser,在新选项卡中打开导航错误

  25. 25

    像滑门一样滚动关闭/打开导航

  26. 26

    如何在Android的Robotium自动化脚本中打开导航抽屉菜单

  27. 27

    切换标签时打开导航控制器

  28. 28

    在菜单图标上未打开导航抽屉,在工具栏上单击

  29. 29

    VB.Net-Webbrowser,在新选项卡中打开导航错误

热门标签

归档