0

私はビジネス用の Web サイトを立ち上げていますが、彼らは自社製品の良いレビュー専用のページを望んでいます。

ただし、彼らはページを占める巨大な段落を望んでいません。レビューごとにクリックできるものがあるようにする方法はありますか?たとえば、その行だけをクリックしてから「ここをクリック」すると、それぞれが個別に展開されますか?

少し前に紳士に助けてもらいましたが、1回のエントリでしか機能しませんでした。3つすべてに同じjavascriptを使用しましたが、それは間違っていたと思います。

また、これにより、レビューの長さに基づいてページの高さが拡大すると想定しています. 下部にフッターがあるため、これについてのみ言及します。

とにかく、JavaScriptだと思いますか?

<div class="comment">
This is the first line of the comment 
<span id="extended_comment"   style="display:none;">and  this    is the rest of the    comment     that is hiddden.</span> <a href="#" id="toggle">click here for more</a></div>

<script type="text/javascript">
var toggle = document.getElementById('toggle');
toggle.onclick = function() {
var extended = document.getElementById('extended_commen…
if(this.innerHTML == 'click here for more') {
 extended.style.display = 'inline';
 this.innerHTML = 'click here for less';
 } else {
 extended.style.display = 'none';
this.innerHTML = 'click here for more';
}
};
</script>
4

1 に答える 1

0

コードを関数にカプセル化し、必要な ID をその関数に渡して、各要素の onclick プロパティを設定します。

function setExpandOnclick(toggleButton, extendedComment) {
  // your code here, using the arguments rather than hard-coded string ids
}

setExpandOnclick("toggle-button1", "expanded-comment1");
setExpandOnclick("toggle-button2", "expanded-comment2");

あなたは正しい軌道に乗っていました。

于 2013-08-03T04:24:17.867 に答える