javascriptについて

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
メールフォーム作成でタブ形式でフォームを別け、レスポンシブ対応にしたいのであるサイトから
参考にさせてもらったのですが、スマホで閲覧した時にだけbtnElm.first().click();の部分を無効にしたいのですが何かやり方はありますでしょうか？
初心者なのでご指導よろしくお願いします。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

$(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();
});

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Answer 1

なんとも言えませんが

var is_pc=(window.innerWidth > switchPoint);

のようなグローバル変数をひとつ作っておいて

if(is_pc) btnElm.first().click();

とすればよいのでは良いのでは？
途中の条件式でも汎用的に使えるでしょう

  if(is_pc){
    contentsArea.fadeOut(fadeSpeed);
    ・・・

Comments

[YOD]

おっしゃる通りにやるとできました！ありがとうございます！まだまだ勉強不足で質問することが山ほどありますが、またよろしくお願いします。