Скрыть строку, когда другие переключаются - Wordpress Javascript - PullRequest
Новая
       9

Скрыть строку, когда другие переключаются - Wordpress Javascript

0 голосов
/ 12 октября 2018

Я пытаюсь показать / скрыть строки в 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>

Для проверки работоспособности показывается hiddenRow1когда я открываю страницу, поскольку я не скрыл ее с помощью CSS, при нажатии на первое изображение (триггер) он скрывает hiddenRow1 и отображает hiddenRow. Однако при нажатии на второе изображение ничего не происходит.

Любая помощьбудет оценена

1 Ответ

0 голосов
/ 12 октября 2018

Используйте подобное, как это ... 

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