お世話になっております。
どなたかお詳しい方がいらっしゃいましたら、以下をお教え願いませんでしょうか。

スマートフォンサイトの詳細ページにサブエリアの表示・非表示用のプラス・マイナスのボタンがあり、サブエリアの情報が表示されておりますが、

? 最初に詳細ページを開いたときに、サブエリアを表示状態ではなく、非表示状態にするにはどうしたらよろしいでしょうか。

? このプラス・マイナスボタンの変わりに、文字に変えたいのですが、できますでしょうか。

[EC-CUBE] 2.12.5
[レンタルサーバ] ファーストEC-Cubeサーバ-
[OS] Linux
[PHP] PHP 5.2.17
[データベース] MySQL 5.0.67
[WEBサーバ] apache2.2.x

?、?の両方とも商品詳細のテンプレートにjavascriptで記載してあります。

?については、画像になっているので、文字画像を差し替えれば簡単に実現できるかと思います。

Tsuji様
お世話になります。ご教授を基にいろいろと験しておりますが、何かお分かりになりますでしょうか。

?以下のオリジナルの記述をvar stateSub = 1;に変更するだけでは詳細ページを開いたときに非表示にできないのでしょうか。

//この商品に対するお客様の声エリアの表示/非表示
//サブエリアの表示/非表示
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
}


?以下のオリジナルの記述を文字自体に変更したく、

<span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/button/btn_minus.png" onclick="fnSubToggle($('#sub_area'), this);" alt=""></span>

以下のように文字に変えたいのですが、動きません。
<span class="b_expand"><p>サブ情報はこちら</p> onclick="fnSubToggle($('#sub_area'), this);" </span>

こんにちわ。

▼1点目について
引用：
stateSub は、＋と−の画像のどちらを表示するか判断するだけのフラグですので、数値を変えてもサブ情報が非表示にはなりません。

非表示にするには、サブ情報のタグに記述を追記する必要があります。

上記の最後の行を以下に変更してください。


▼2点目について
引用：

タグが壊れていますので、html、javascriptについてもう少し学んで頂いた方がよろしいと思います。

元々＋と−の画像を表示するための幅しか確保されていませんので、このままでは幅が小さすぎて文字が表示しきれません。

html/user_data/packages/sphone/css/common.css に設定がありますので、こちらで幅を調整してください。ファイルが標準のままであれば、278行目から記述があります。

ここで幅を変更すると、商品情報のみでなく、お客様の声の＋/−ボタン部分も同様に幅が変わります。
商品情報のみに適用したい場合は、上記の設定を複製するなどして商品情報用のクラスを作成してください。

casa様、

お世話になります。

ご教授通りの設定にしましたところ
うごきました。機能しております。

時間をかけてもわからずじまいでしたので、どうしてよいのかと思っておりました。


もしお時間をかけて調べていただいたのでしたら大変恐縮です。

感謝いたします。ありがとうございます。