Question

我正在研究this website并且有3支手风琴提供服务列表。我无法弄清楚如何在默认情况下关闭手风琴。

此外，在一些手风琴标签之间还有很多额外的空间空白，我无法弄清楚为什么会这样。

这是在“head”文件中：

<style>
.text-color, a.link-big:hover, .navbar .nav > li > a:hover, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .portfolio-image:after, .blog-post h3 a:hover, footer .tweet_list .tweet_text a , .nav-pills > li > a:hover, .accordion-heading a, .home-header .link:hover 
 { color: #a9cc54; }

这是在身体：

<div class="wpb_accordion wpb_content_element  not-column-inherit" data-collapsible=yes>
    <div class="wpb_wrapper wpb_accordion_wrapper ui-accordion"> 
        <div class="wpb_accordion_section group">
            <h3 class="wpb_accordion_header ui-accordion-header"><a href="#">Content Creation &amp; Posting</a></h3>
            <div class="wpb_accordion_content ui-accordion-content clearfix">
                <div class=" align-left" style="color:;">
                    <ul>
                        <li>Facebook</li>
                        <li>Twitter</li>
                        <li>Instagram</li>
                        <li>FourSquare</li>
                        <li>Pinterest</li>
                        <li>LinkedIn &amp; More&#8230;</li>
                    </ul>
                </div>
            </div>
        </div>

这是js_composer_front.js：

if ( typeof window['vc_accordionBehaviour'] !== 'function' ) {
    function vc_accordionBehaviour() {
        jQuery('.wpb_accordion').each(function(index) {
            var $tabs,
                interval = jQuery(this).attr("data-interval");
            //
            $tabs = jQuery(this).find('.wpb_accordion_wrapper').accordion({
                header: "> div > h3",
                autoHeight: false,
                collapsible: jQuery(this).data('collapsible') === 'yes',
                change: function(event, ui){
                    if(jQuery.fn.isotope!=undefined) {
                        ui.newContent.find('.isotope').isotope("reLayout");
                    }
                    vc_carouselBehaviour();
                }
            });
            //.tabs().tabs('rotate', interval*1000, true);
        });
    }
}

Answer 1

要使所有“手风琴”无效，我们会将active option更改为false：

add_action( 'wp_footer', 'minimize_accordion_so_23758086' );

function minimize_accordion_so_23758086()
{
    # Not home or front page, bail out
    if( !is_home() || !is_front_page() )
        return;

    ?>
    <script type="text/javascript">
    jQuery(document).ready( function($) 
    {
        $('.wpb_accordion').each( function(index) 
        {
            $(this).find('.wpb_accordion_wrapper').accordion( "option", "active", false );
        });
    });
    </script>
    <?php
}

^{请参阅Where do I put the code snippets I found here or somewhere else on the web?}

要解决间距问题，请按照Chrome DevTools或Firefox的Firebug插件提示进行操作

在WordPress网站上需要默认关闭手风琴

1 个答案: