默认情况下,第一个切换处于打开状态

在这个

因此,在我的页面上有一个切换块,现在我需要在同一页面上添加另一个切换块,但是默认情况下,第一个切换块处于活动/打开状态。我一直在研究JS,但到目前为止还没有运气,因此,我需要您的宝贵帮助才能使它正常工作。谢谢!

演示版

Java脚本

    jQuery(window).load(function(){

   $('.toggle-view li').click(function () {

        var text = $(this).children('div.toggle-content');

        if (text.is(':hidden')) {
            text.slideDown('200');
            $(this).children('span').html('<i class="icon-minus"></i>');    
        } else {
            text.slideUp('200');
            $(this).children('span').html('<i class="icon-plus"></i>');    
        }

        $(this).toggleClass('activetoggle');

    });
});
影片10

您可以使用类似的方法来做到这一点:

$('.added_class_on_second li').eq(0).children('.toggle-content').show();

只需在第二个类中添加另一个不同的类,或将其定位为:

$('.toggle-view').eq(1).children('li').eq(0).children('.toggle-content').show();

如果您根本不想更改html。

http://codepen.io/anon/pen/CDdlH

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在默认情况下使一个触发器保持打开状态

来自分类Dev

折叠全部,默认情况下仍打开第一个手风琴

来自分类Dev

WordPress如何使切换菜单处于打开状态

来自分类Dev

默认情况下,如何使所有可折叠项处于打开状态?

来自分类Dev

隐藏面板-默认情况下,页面加载时处于打开状态

来自分类Dev

默认情况下,如何使手风琴制作打开的第一个元素?

来自分类Dev

C ++:为什么要在切换的情况下声明一个变量

来自分类Dev

HTML中的TABS:默认情况下选择第一个TAB

来自分类Dev

Dojo Select-默认情况下选择第一个选项

来自分类Dev

默认情况下从选择框中选择第一个值-AngularJS

来自分类Dev

默认情况下,第一个手风琴应该设置为打开而无需在 Angular2 中单击它?

来自分类Dev

切换可用于第一个和最后一个切换呼叫

来自分类Dev

默认情况下“下拉”切换

来自分类Dev

sed切换第一个和最后一个单词的顺序

来自分类Dev

循环切换第一个元素和最后一个元素

来自分类Dev

sed切换第一个和最后一个单词的顺序

来自分类Dev

添加“查看全部”链接以使用jQuery进行切换并默认保持打开状态

来自分类Dev

是否可以从资源常量中声明一个String以便在切换情况下使用?

来自分类Dev

是否可以从资源常量中声明一个String以便在切换情况下使用?

来自分类Dev

默认情况下如何在选择框中或下拉菜单中选择第一个选项

来自分类Dev

如何在默认情况下/在页面加载时使第一个div可见?

来自分类Dev

Searchview过滤gridview,并获得切换条件到结果,而不是第一个切换条件

来自分类Dev

在切换情况下切换到默认情况

来自分类Dev

如何在同一页面上拥有同一手风琴的两个副本的同时,保持每个手风琴的第一个链接处于打开状态

来自分类Dev

如何在没有剪切的情况下从列表中删除第一个匹配元素

来自分类Dev

默认情况下如何使材料搜索视图保持打开状态

来自分类Dev

切换锚仅在第一个孩子中工作?

来自分类Dev

React JS复选框无法识别第一个切换

来自分类Dev

jQuery切换仅执行第一个条件

Related 相关文章

  1. 1

    如何在默认情况下使一个触发器保持打开状态

  2. 2

    折叠全部,默认情况下仍打开第一个手风琴

  3. 3

    WordPress如何使切换菜单处于打开状态

  4. 4

    默认情况下,如何使所有可折叠项处于打开状态?

  5. 5

    隐藏面板-默认情况下,页面加载时处于打开状态

  6. 6

    默认情况下,如何使手风琴制作打开的第一个元素?

  7. 7

    C ++:为什么要在切换的情况下声明一个变量

  8. 8

    HTML中的TABS:默认情况下选择第一个TAB

  9. 9

    Dojo Select-默认情况下选择第一个选项

  10. 10

    默认情况下从选择框中选择第一个值-AngularJS

  11. 11

    默认情况下,第一个手风琴应该设置为打开而无需在 Angular2 中单击它?

  12. 12

    切换可用于第一个和最后一个切换呼叫

  13. 13

    默认情况下“下拉”切换

  14. 14

    sed切换第一个和最后一个单词的顺序

  15. 15

    循环切换第一个元素和最后一个元素

  16. 16

    sed切换第一个和最后一个单词的顺序

  17. 17

    添加“查看全部”链接以使用jQuery进行切换并默认保持打开状态

  18. 18

    是否可以从资源常量中声明一个String以便在切换情况下使用?

  19. 19

    是否可以从资源常量中声明一个String以便在切换情况下使用?

  20. 20

    默认情况下如何在选择框中或下拉菜单中选择第一个选项

  21. 21

    如何在默认情况下/在页面加载时使第一个div可见?

  22. 22

    Searchview过滤gridview,并获得切换条件到结果,而不是第一个切换条件

  23. 23

    在切换情况下切换到默认情况

  24. 24

    如何在同一页面上拥有同一手风琴的两个副本的同时,保持每个手风琴的第一个链接处于打开状态

  25. 25

    如何在没有剪切的情况下从列表中删除第一个匹配元素

  26. 26

    默认情况下如何使材料搜索视图保持打开状态

  27. 27

    切换锚仅在第一个孩子中工作?

  28. 28

    React JS复选框无法识别第一个切换

  29. 29

    jQuery切换仅执行第一个条件

热门标签

归档