質問 > フロント機能 > スマートフォンサイトのサブエリア表示・非表示をPCサイトで使用したいです。 |
フロント機能
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
moment |
投稿日時: 2014/8/9 5:07
対応状況: −−−
|
常連 登録日: 2014/6/30 居住地: 投稿: 45 |
スマートフォンサイトのサブエリア表示・非表示をPCサイトで使用したいです。 お世話になっております。どうか教えてくださいませんでしょうか。
スマートフォンサイトの詳細ページで使用されている、サブエリア表示・非表示の機能をPCのブロックで使用し、あるボタンをクリックしたらある情報を表示するようにしたいと思い、以下の記述をスマートフォンからPC用のsite_frame.tplで使用し、 <script>//<![CDATA[ // 表示非表示切り替え function lfDispSwitch(id){ var obj = document.getElementById(id); if (obj.style.display == 'none') { obj.style.display = ''; } else { obj.style.display = 'none'; } } //サブエリアの表示/非表示 var speed = 500; var stateSub = 0; function fnSubToggle(areaEl, imgEl) { areaEl.slideToggle(speed); if (stateSub == 0) { $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_plus.png"); stateSub = 1; } else { $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_minus.png"); stateSub = 0 } } //]]></script> Pcのテンプレートではスマートフォンサイトテンプレートの相当箇所を以下の用にそのまま使用しました。 <span class="b_expand"><p onclick="fnSubToggle($('#sub_area'), this);"> ボタン</p></span> <div id="sub_area" style="display: none;"> <div id="maintext6"> <ul id="topnavi3"> *********************** *********************** </ul> </div> </div> スマートフォンサイトでは勿論問題ないのが、PCサイトではボタンをクリックすると情報を表示しますが、ボタンを再度クリックすると情報を閉じるはずが、“閉じません”。 閉じる機能が動作していないようです。 何が問題かどなたかおしえていただけませんでしょうか。 EC-CUBE: 2.12.5 データベース: MySQL 5.0.6 WEBサーバ:apache2.2 OS:Linux PHP: PHP 5.2.1 |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
» スマートフォンサイトのサブエリア表示・非表示をPCサイトで使用したいです。 | moment | 2014/8/9 5:07 |
Re: スマートフォンサイトのサブエリア表示・非表示をPCサイトで使用したいです。 | sumida | 2014/8/9 8:41 |
Re: スマートフォンサイトのサブエリア表示・非表示をPCサイトで使用したいです。 | moment | 2014/8/10 4:53 |
Re: スマートフォンサイトのサブエリア表示・非表示をPCサイトで使用したいです。 | sumida | 2014/8/10 11:42 |
Re: スマートフォンサイトのサブエリア表示・非表示をPCサイトで使用したいです。 | moment | 2014/8/12 6:59 |