1

現在、折りたたみ可能な段落関数をWebページに追加しました。http://www.javascriptsource.com/miscellaneous/expand-collapse-paragraph.html#comment_listingで見つけたコードを使用しました。基本的に、ボタンがクリックされるまで非表示になる非常に長い段落がありますが、同じボタンをクリックして段落を折りたたむには、一番上までスクロールする必要があります。段落の最後に「閉じる」ボタンを追加して、上にスクロールする必要がないようにする方法があるかどうか疑問に思いました。

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

js、css、およびhtmlファイルのコードは次のとおりです。

CSS 

input.button {
  color: #fff; background: #0034D0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}

次の名前の外部JavaScriptファイル：expandCollapse.js 

function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}

実際の段落の前のHTMLドキュメントのBODYセクション

<center><input type="button" class="button" onClick="return toggleMe('para1')" value="Animation Characters Guide"></center>
    <div id="para1" style="display:none">

    </div>

「閉じる」ボタンを追加したい場合、それは「ahref」タグになりますか？

4

1 に答える 1

1

If I want to add a "close" button, would it be a "a href" tag?

Yes, You could use a link:

<a href="#" onclick="toggleMe('para1'); return false"> hide </a>

or you could use another button:

<input type="button" class="button" onclick="return toggleMe('para1')" value="Are the JavaScripts here free?" />
于 2012-07-26T22:04:53.253 に答える