お世話になっております。どうか教えてくださいませんでしょうか。

スマートフォンサイトの詳細ページで使用されている、サブエリア表示・非表示の機能を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