jQuery初心者です。
if文について下記内容を実装したいのですが上手く行きません。
やりたいこと--------------------------------------------------------------------
1.スマホのみjQueryを実装させたい
2.スマホにて画像をタップした際に、オーバーレイでボタンを表示(ここは完了してます)
3.他の画像をタップした際に、オーバーレイを切り替え、最初にタップした画像のオーバーレイは消える
問題点--------------------------------------------------------------------
他の画像をタップした際に、
最初にタップした画像のオーバレイが消えない。
HTML
1 <div class="product" data-model="test"> 2 <div class="photo"> 3 <img src="img/pic_sample.png" alt=""> 4 </div> 5 <div class="body"> 6 <div class="name"><span class="maker">テキスト</div> 7 <div class="text">テキストテキスト。</div> 8 </div> 9 <div class="links"> 10 <div class="innner-wrap"> 11 <a href="/test/" class="btn">リンク1</a> 12 <a href="/test/" class="btn">リンク2</a> 13 <a href="/test/" class="btn">リンク3</a> 14 </div> 15 </div> 16 </div> 17
jquery
1 if(navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){ 2 $(function(){ 3 $('.product').click(function(){ 4 if((.'links',this).is(':visible![イメージ説明](f2e71e495a59797c8880091c0d0d7fd2.png) $(.'links').hide() 5 }else{$('.links',this).show();}; 6 }); 7 }); 8 } 9
恐れ入りますがご教示をお願いいたします。
回答2件
あなたの回答
tips
プレビュー