1

jQuery を使用できれば、これははるかに簡単になりますが、いくつかの理由で使用しないようにしています。その間、スクリプトの一部が機能するようになりました-ボタンテキストをdivの状態に切り替える機能を追加しようとしています。

<script type="text/javascript">
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;
}
</script>

そのスクリプトは、現在のボタンでうまく機能します。

<input type="button" onclick="return toggleMe('para0')" value="Expanse"><br> 
<div id="para0">TEST TEXT</div>

div 可視性の状態でテキストを切り替えようとしています。私が見たほとんどの回答はjQueryを使用しており、スクリプトを入れているコンテキストでは、フォームはオプションではありません。

4

2 に答える 2

1

これが役立つかどうかを確認してください:

HTML:

<button id="toggle">Toggle</button>
<div id="text">Lorem ipsum dolor sit amet.</div>

JavaScript:

var button = document.getElementById('toggle'),
    text = document.getElementById('text');

button.onclick = function() {
  var isHidden = text.style.display == 'none';
  text.style.display = isHidden ? 'block' : 'none';
};

デモ: http://jsbin.com/emikux/1/edit

于 2012-12-29T21:22:12.093 に答える
0

私の JS は少し錆びていて、今は確認できませんが、次のようなものがあなたの望むことをすると思います:

<input type="button" onclick="return toggleMe(this,'para0')" value="Expanse"><br> 
<div id="para0">TEST TEXT</div>

<script type="text/javascript">
    function toggleMe(btn,a){
    var e=document.getElementById(a);
    if(!e)return true;
    if(e.style.display=="none"){
      e.style.display="block";
      btn.value = "Hide";
   }
   else{
      e.style.display="none";
      btn.value = "Show";
   }
   return true;
  }
  </script>

スペーシング ショー /script が表示される問題を修正しました。

于 2012-12-29T22:18:44.157 に答える