プロが教える店舗&オフィスのセキュリティ対策術

jQuery UI Accordion Plugin(jQuery UI アコーディオン プラグイン)でアコーディオンメニューを作っています。
下記のような要素を
↓html
<div id="accordion">
<h3><a href="#">First header</a></h3>
<div>First content</div>
<h3><a href="#">Second header</a></h3>
<div>Second content</div>
</div>
プラグインを読み込んで
↓javascript
$("#accordion").accordion();

みたいな簡単な記述でアコーディオンメニューが実装できます。
サンプルURL:http://jquery.bassistance.de/accordion/demo/

これを自動で上から順に一定間隔で展開するようにしたいのですが(クリックして展開する動作も生きで)、
動きイメージ:http://www.au.kddi.com/
aubyKDDIサイトの左側のメニュ↑
このプラグインを使わないやり方とかでもいいです。
ご教授の程お願いいたします。

A 回答 (1件)

2000ミリ秒毎に永久に繰返す場合


$(function(){
 $("#accordion").accordion();
 var count=0;
 var targets=$("#accordion h3 a");
 var timer== setInterval(function(){
  $(targets[i]).click();
  if(++count>3){
   count=0;
 },2000);
});


2000ミリ秒毎に1回だけの場合
$(function(){
 $("#accordion").accordion();
 var count=0;
 var targets=$("#accordion h3 a");
 var timer== setInterval(function(){
  $(targets[i]).click();
  if(++count>3){
   clearInterval(timer);
   timer=null;
 },2000);
});
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!