2016-02-28 3 views
0

Я хочу активировать все Accordion Tabs, когда страница загружается.Аккордеон: Открыть все вкладки

jQuery(document).ready(function($) { 
 
     jQuery(".accordion").accordion({heightStyle: "content", collapsible: true, active: 0}); 
 
    });
<div class="accordion" id="accordion">   
 
    <h3>This is Title 1</h3> 
 
    <div> 
 
    <p>This is Content 1</p> 
 
    </div>  
 

 
    <h3>his is Title 2</h3> 
 
    <div> 
 
    <p>This is Content 2</p> 
 
    </div>  
 
</div>

ответ

0

Все, что вам не хватает только в том числе Jquery файлов.

добавить строку ниже в <head> теге

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script> 

то после того, как он Виль от нас зависит то, как мы хотим управлять аккордеона.

+0

Hello Punit, без jquery и jquery-ui accordion не будет работать. Я хотел активировать все вкладки аккордеона. –

+0

Привет @LitonArefin Если вы хотите расширить все, то вы не должны использовать аккордеоны. Лучше использовать Expand/Collapse All. было бы лучше .. проверьте [this] (http://jsfiddle.net/sinetheta/s5hAw/) пример. –

+1

Получил решение, используя «складные». Используется в ["WP Awesome FAQ Pro"] (https://jeweltheme.com/product/wordpress-faq-plugin/) Плагин. благодаря –

Смежные вопросы