2016-02-28 239 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

你好,Punit,没有jquery和jquery-ui手风琴将无法正常工作。我想要打开所有的手风琴标签。 –

+0

嘿@LitonArefin如果你想展开所有的话,你不应该使用手风琴..更好地使用展开/折叠全部。它会更好..检查[这](http://jsfiddle.net/sinetheta/s5hAw/)的例子。 –

+1

得到了使用“可折叠”的解决方案。用于[“WP Awesome FAQ Pro”](https://jeweltheme.com/product/wordpress-faq-plugin/)插件。谢谢 –