Как я могу скрыть один div в Wordpress, используя jQuery, и показать его, когда другой div скрыт?

Question

Как-то это не работает. #Autoverkocht должен быть скрыт по умолчанию, если только .b-car-info__price не скрыт, #autoverkocht должен быть показан. t работа.

add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
    wp_enqueue_script(
    'your-script', // name your script so that you can attach other scripts and de-register, etc.
    get_template_directory_uri() . '/js/autoverkocht.js', // this is the location of your script file
    array('jquery') // this array lists the scripts upon which your script depends
);

}

Answer 1

Подумайте, jQuery toggle и hide - это то, что вам нужно.

$('#autoverkocht').hide()
$('#autoverkocht, .b-car-info__price').on(
  'click',
 function() 
 {
   $('#autoverkocht, .b-car-info__price').toggle()
 }
);

Надеюсь, это то, что вам нужно ......

Answer 2

Вы можете использовать встроенные стили, как показано ниже:

<div id='autoverkocht' style='display: none;'>
</div>

или использовать CSS-стили, как это:

#autoverkocht{
  display: none;
}

И вJQuery сделать это:

<script>
  jQuery(document).ready(function($){ 
    if($('.b-car-info__price).is(":hidden")){
      $('#autoverkocht').show();        
    }
  });

</script>