1

因此，在我的页面上有一个切换块，现在我需要在同一页面上添加另一个切换块，但默认情况下第一个切换是活动/打开的。我一直在 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');

    });
});
4

2 回答 2

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

于 2013-10-26T21:48:16.830 回答
0

如果您需要在页面加载时打开第一部分，您可以简单地调用click(). $('.toggle-view li').first()但是，如果您在单击时发生其他操作，这可能会产生不希望的副作用，并且它将执行动画，因此请考虑创建一个open除了打开指定部分之外什么都不做的函数，并在文档加载时调用它。

于 2013-10-26T21:49:33.440 回答