2011-07-08 5 views
0

私は現在、私は特定のボタンをクリックすると、「履歴」で標識されたコンテンツを表示するには同じボタンが表示されているコンテンツを非表示にするにはどうすればいいですか?

<a href="#" onclick="document.getElementById('history').style.display='block';return(false);"> 

を使用しています。同じボタンがコンテンツを隠すように設定するにはどうすればよいですか?私は同じコードをもう一度追加し、 "hide"と "return(false)"を返す(true)と置き換えてみましたが、論理的に思えますが、ボタンをクリックしても何も起こりません)。

同じボタンでコンテンツを表示/非表示にする最も簡単な方法は何ですか?

答えて

1

(すでに指摘されているように)あなたはjQueryのを使用できない場合、あなたは純粋なJavaScriptで次の操作を行うことができます。この機能で

var element = document.getElementById("someElement"); 
if(element.style.display == "none") element.style.display = "block"; 
else element.style.display = "none"; 

場所を、とにその関数を渡します要素の属性onclick

+0

+1の純粋なJavaScript/DOM操作... – Tocco

+0

@Tocco - 時には(とにかく、とにかく、特にjQueryが他の場所で使用されていない場合は)シンプルな純粋なJSソリューションは、単に速度のためにjQueryより優れています。たとえば、私の答えの3行と比較して、トグル関数のjQueryソースを見てください。https://github.com/jquery/jquery/blob/master/src/effects.js –

+0

ありがとうございました! – Chris

1

JQueryを使用することをお勧めします。そのようなものはそれを使用することはかなり簡単です。 JQueryでは、次のように簡単です。

$("#history").toggle(); 
+0

+1 JQueryのトグル()は方法です... – Tocco

+0

これはモバイルサイトのため、JQueryについてはわかりません。それが互換性があるかどうか知っていますか? – Chris

+0

JQueryモバイルブラウザとの互換性を確認してください。 http://stackoverflow.com/questions/2233292/jquery-and-mobile-browser-compatiblity ... JQueryのモバイル版もあります。これはあなたが見てみるべきものです。 ^^ –

関連する問題