Question

所以在我的页面上有一个切换块，现在我需要在同一页面上添加另一个切换块，但是这个切换默认情况下第一个切换激活/打开。我一直在为JS工作，但到目前为止没有运气，所以我需要你的宝贵帮助才能让它发挥作用。谢谢！

的Javascript

    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');

    });
});

Answer 1

您可以使用以下内容执行此操作：

$('.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

Answer 2

如果您需要在页面加载时打开第一部分，则可以在click()上致电$('.toggle-view li').first()。但是，如果您在点击时发生其他操作，这可能会产生不良副作用，并且它会执行动画，因此请考虑创建一个函数open，它只会打开指定的部分，并在文档加载时调用它。

默认情况下首先切换打开

2 个答案: