仅显示一个隐藏行（Visual Page Builder 手风琴）

Question

我使用 Visual Page Builder（以前的 Visual Composer）手风琴元素来显示下面的全宽隐藏行。 所以在第一行我有 3 个手风琴，点击每个手风琴会打开一个隐藏的行。 我将此代码添加到functions.php

您能帮忙吗？我应该添加什么代码才能在所有页面上只打开一个隐藏行？

add_action( 'wp_footer', function() { ?>

<script>

    ( function( $ ) {

        'use strict';

        $( document ).ready( function() {

            var $trigger = $( '.open-hiddenrow1' );
            var $hiddenRow = $( '.hiddenrow1' );
            
            if ( $hiddenRow.length ) {
                $trigger.click( function() {
                    $hiddenRow.toggle();
                    return false;
                } );
            }

        } );
        $( document ).ready( function() {
    
            var $trigger = $( '.open-hiddenrow2' );
            var $hiddenRow = $( '.hiddenrow2' );
            
            if ( $hiddenRow.length ) {
                $trigger.click( function() {
                    $hiddenRow.toggle();
                    return false;
                } );
            }

        } );
        $( document ).ready( function() {
    
            var $trigger = $( '.hiddenrow3' );
            var $hiddenRow = $( '.hiddenrow3' );
            
            if ( $hiddenRow.length ) {
                $trigger.click( function() {
                    $hiddenRow.toggle();
                    return false;
                } );
            }

        } );
    } ( jQuery ) );

</script>

Answer 1

这有帮助：我在每个手风琴中添加了 .mainpageclass 类，在隐藏行中添加了 .mainpagehidrow，然后是这段代码：

  $(function () {
 $(".mainpageclass").click(function (e) {
  e.preventDefault();
  $(".mainpagehidrow").not($(this).toggleClass('open').next('.mainpagehidrow').fadeToggle("slow")).fadeOut('fast');
 });