私はビジネス用の 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>