как мне изменить видимость другого div на событии смены аккордеона

Question

Я использую http://docs.jquery.com/UI/Accordion#overview

Это довольно прямой аккордеон, который делает эту работу.У меня есть место для баннера на моем сайте.У меня есть аккордеон на левой стороне баннера, и я хочу, чтобы на правой стороне отображалась дополнительная информация для вкладки открытого аккордеона.

Таким образом, при открытии страницы аккордеон по умолчанию становится первой вкладкой, которая будету вас есть дополнительный div, открытый с правой стороны.

Когда пользователь нажимает вторую вкладку в аккордеоне, эта вкладка открывается, и правая сторона изменится на связанный div для второй вкладки аккордеона и т. д.на.

Answer 1

Возможно, вам понадобится изменить обработчик onclick, чтобы найти элемент, по которому щелкают (скорее всего, по его ID), а затем вызвать функцию, чтобы ID можно было использовать в другой функции, чтобы определить, что показывать справа страница). В настоящее время аккордеон использует this , который является прямой ссылкой на элемент, поэтому вы можете рассмотреть возможность его передачи или просто идентификатор из него.

jQuery(document).ready(function(){
  myFunction = function(ele){
    //my custom show/hide stuff here
  };

  $('.accordion .head').click(function() {
    $(this).next().toggle();
    myFunction($(this));
    return false;
  }).next().hide();

});

Answer 2

Привязка к событию изменения по типу: accordionchange.

$( ".selector" ).bind( "accordionchange", function(event, ui) {
  //use this variables to decide what new content to put in your right hand side
  ui.newHeader // jQuery object, activated header

});

http://docs.jquery.com/UI/Accordion#event-change