Question

我正在使用wordpress的产品插件，我正在努力使手风琴菜单在页面加载时打开。我不熟悉javascript足以搞砸它。这是改变手风琴菜单的脚本

if($wrapper.find('.mspc-accordion').size() > 0) {

        //accordion
        if( !$this.hasClass('active') ) {

            $menuItems.children('.icon').removeClass('minus').addClass('add');
            $this.children('.icon').removeClass('add').addClass('minus');

            var time = 300;
            $content.slideUp(time);
            $this.next('.mspc-content:first').delay(time).slideDown(time);

        }

    }
    else {

        //steps, tabs
        $content.find('.mspc-variations').hide();
        jQuery($this.data('target')).show();

    }

    $menuItems.removeClass('active');
    $this.addClass('active');


    evt.preventDefault();

});

Answer 1

我快速浏览了一下，并在MSPC连帽衫预览页面上尝试了这一点。它有效，但有一点需要注意，如果您按下项目标题，它将向上滑动然后再向下滑动。

这只是一种让您了解如何开始的方法

jQuery(function($) {

  $(".mspc-accordion").children(".mspc-menu-item").each( function(i ,e) {

   //this will open all accordion items, it seems that if an item has the class
   //active, it wont close unless another inactive heading is clicked

        $(e).hasClass("active") ? $(e).removeClass("active") : null;
        $(e).children('.icon').removeClass('minus').addClass('add');
        $(e).children('.icon').removeClass('add').addClass('minus');
        $(e).next('.mspc-content:first').css("display","block");

   });

});

如何在页面加载时打开两个手风琴按钮？

1 个答案: