Складное меню не оставалось открытым

Question

Привет, ive последовал инструкциям с этой страницы Add a Blogger-like collapsible archive block to your Drupal 7 site и удивился, что все кажется «своего рода» работой. Как видно из моего «сворачиваемого блока» справа от THIS PAGE, блок, похоже, не хочет оставаться открытым при просмотре других месяцев. Я не думаю, что это было предполагаемое поведение.

jQuery(document).ready(function($) { 
    // init: collapse all groups except for the first one 
    $(".view-collapsible-archive ul").each(function(i) { 
     if (i==0) { 
      $(this).siblings("h3").children(".collapse-icon").text("▼"); 
     } else { 
      $(this).hide(); 
     } 
    }); 

    // click event: toggle visibility of group clicked (and update icon) 
    $(".view-collapsible-archive h3").click(function() { 

     var icon = $(this).children(".collapse-icon"); 

     $(this).siblings("ul").slideToggle(function() { 
      (icon.text()=="▼") ? icon.text("►") : icon.text("▼"); 
     }); 
    }); 
}); 

Может ли предложить что-нибудь для меня, чтобы сделать блок меню открыт на месяц при нажатии и закрыть другой «месяц»?

благодаря

Answer 1

Проблема заключается в том, что код, который вы уже добавили внутри файла http://netmagpie.com/sites/all/themes/feverultra/js/feverultra.js и добавления файла после этого, вы связываете два раза в случае и функция переключает два раза, так что элементы открываются и закрываются

Если вы хотите только один месяц общедоступна, то вы должны закрыть все открытые месяцев до открытия тот, который был щелкнул, что-то вроде:

jQuery(document).ready(function($) { 
    // init: collapse all groups except for the first one 
    $(".view-collapsible-archive ul").each(function(i) { 
     if (i==0) { 
      $(this).siblings("h3").find(".collapse-icon").text("▼"); 
     } else { 
      $(this).hide(); 
     } 
    }); 

    // click event: toggle visibility of group clicked (and update icon) 
    $(".view-collapsible-archive h3").click(function() { 

     $('.view-collapsible-archive ul:visible').not($(this).next('ul')).slideUp(); 

     var icon = $(this).find(".collapse-icon"); 
     $(this).siblings("ul").slideToggle(function() { 
      (icon.text()=="▼") ? icon.text("►") : icon.text("▼"); 
     }); 
    }); 
}); 

Answer 2

Это из-за этой линии:

$(this).siblings("ul").slideToggle 

Он говорит: «переключать состояние всех ЛУ элементов с использованием слайд-анимации»

Вы хотите изменить это slideDown, когда он скрыт, чтобы показать его и slideUp, когда он виден, чтобы скрыть его.

Я бы предоставил образец кода, но на данный момент я набираю один большой палец на iPhone.