Сделать панель ссылкой в ​​Zurb Foundation 5 accordion

Question

То, что я хочу сделать, это иметь аккордеон, где верхняя панель аккордеона - это ссылка на другую страницу, а остальные функции аккордеона нормально. Я пробовал несколько javascript, чтобы остановить аккордеонное событие, но это, похоже, не работает. Любые указатели?

Answer 1

Да, сначала вам нужно удалить содержимое интерьера, чтобы оно не расширялось. После этого я добавлю класс тега a и напишу некоторый скрипт на странице, чтобы распознать класс и перенаправить URL-адрес. Что-то вроде ниже:

<ul class="accordion" data-accordion> 
    <li class="accordion-navigation"> 
    <a class="redirect-me" href="http://www.google.com">Accordion 1</a> 
    </li> 
    <li class="accordion-navigation"> 
    <a href="#panel2a">Accordion 2</a> 
    <div id="panel2a" class="content"> 
     Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </div> 
    </li> 
    <li class="accordion-navigation"> 
    <a href="#panel3a">Accordion 3</a> 
    <div id="panel3a" class="content"> 
     Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </div> 
    </li> 
</ul> 

Сценарий будет выглядеть примерно так с JQuery:

$(".redirect-me").bind("click",function(){ 
    theUrl = $(this).attr("href"); 
    window.location = theUrl; 
}); 

Вид грязный способ сделать это. Но это бандайда, пока вы не сможете сделать рекомендуемый способ, который кто-то другой выяснит.