easyResponsiveTabs.jsについて

easyResponsiveTabs.jsについて
jQueryのeasyResponsiveTabs.jsを使ってタブ切り替えのページを作成しています。
初期状態で2番目のタブを開きたいのですが、ソースの変更方法を教えていただけませんでしょうか。

・jsのソース
$(function(){
var rwdTab = $('#tabAccordion'),
switchPoint = 768,
fadeSpeed = 500,
slideSpeed = 500;

var btnElm = rwdTab.children('dl').children('dt'),
contentsArea = rwdTab.children('dl').children('dd');

btnElm.on('click', function(){
if(!$(this).hasClass('btnAcv')){
btnElm.removeClass('btnAcv');
$(this).addClass('btnAcv');

if(window.innerWidth > switchPoint){
contentsArea.fadeOut(fadeSpeed);
$(this).next().fadeIn(fadeSpeed);
} else {
contentsArea.slideUp(slideSpeed);
$(this).next().slideDown(slideSpeed);
}
}
});

btnElm.first().click();

});

「btnElm.first().click();」の個所を「2番目」と書き換えれば良いのかなと考えたのですが
知識が乏しく変更できません。


・htmlのソース

<div id="tabAccordion">
<dl>
<dt><a href="javascript:void(0);">空</a></dt>
<dd>sora</dd>
</dl>
<dl>
<dt><a href="javascript:void(0);">海</a></dt>
<dd>umi</dd>
</dl>
<dl>
<dt><a href="javascript:void(0);">風</a></dt>
<dd>kaze</dd>
</dl>
</div>

「海」のタブを最初に表示させたいです。
よろしくお願いいたします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2016/08/17 02:18

こんばんは

easyResponsiveTabs.jsはまったく存じませんが

＞「btnElm.first().click();」の個所を「2番目」と書き換えれば
＞良いのかなと考えたのですが
であるなら
btnElm.eq(1).click();
でいけるのではないでしょうか。
https://api.jquery.com/eq/

この回答へのお礼

こんばんは。

ご回答ありがとうございました。
希望が叶いました！
ありがとうございます。

お礼が大変遅くなりまして失礼いたしました。

お礼日時：2016/08/18 20:19