Question

单击图像后，我试图在WpBakery上显示/隐藏行。单击第一个图像后，我想切换一行。单击第二张图像后，我希望第一行隐藏，然后显示第二行。我想用10个不同的图像来做到这一点。我已经修改了在网上找到的以下代码：

add_action（'wp_footer'，function（）{？>

<script>

    ( function( $ ) {

        'use strict';

        $( document ).ready( function() {

            var $trigger = $( '.open-stan' );

            var $hiddenRow = $( '.stan' );

            var $trigger1 = $( '.open-test' );

            var $hiddenRow1 = $( '.test' );


            if ( $hiddenRow.length ) {
                $trigger.click( function() {
                    $hiddenRow.toggle();
                    $hiddenRow1.hide();

                    return false;           
                } );
                    }

            else if ( $hiddenRow1.length ) {
                $trigger1.click( function() {
                    $hiddenRow1.toggle();
                    $hiddenRow.hide();

                    return false;           
                } );
                    }

        } );

    } ( jQuery ) );

</script>

要测试它是否正常工作，因为我尚未使用CSS对其进行隐藏时打开页面时会显示hiddenRow1，如果单击第一个图像（触发器），则会隐藏hiddenRow1并显示hiddenRow1。但是，当您单击第二张图像时，没有任何反应。

任何帮助将不胜感激

Answer 1

使用类似的内容...

$(".row_class").click(function(){
   $(".row_class").not(this).removeClass('show');
   $(this).addClass('show');
});

其他切换时隐藏行-Wordpress Javascript

1 个答案: