Javascriptでdivやclassを表示/非表示に切り替えるにはどうすればよいですか？

Question

こんにちは、私はちょうどクラスでそれぞれdivを表示/非表示に切り替えることができるようにしたいです。それだけでそんなにjQueryの質問のように聞こえた -

私のdivがul.post_controls

Answer 1

編集あなたがjQueryのは言及しなかったことに気づかなかった申し訳ありませんです。同時に、jQueryのようなJavaScriptフレームワークを使用することを検討している場合は、もっと簡単な生活がどれくらいあるかチェックしてください：http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

---

あなたはほとんどそれは言った：http://api.jquery.com/toggle/：

$('ul.post_controls').toggle(); 

ここで参照があります。あなたを想定しています

$(document).ready(function() { // Need DOM to be ready 
    $('#myButton').click(function() { // Attach click event handler 
     $('ul.post_controls').toggle(); // Toggle the ul when clicked 
    }); 
}); 

は「myButtonという」のIDを持つ要素を持っている：

---

これは私がULSは、ボタンがクリックされたときに切り替え、それを設定したい方法です。

Answer 2

http://rijamedia.com/blog/2011/01/simple-jquery-hideshow-elements-with-toggle-and-slidetoggle/

Answer 3

以外のjQuery：http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/

Answer 4

/* 
* cssjs 
* written by Christian Heilmann (http://icant.co.uk) 
* eases the dynamic application of CSS classes via DOM 
* parameters: action a, object or name o and class names c1 and c2 (c2 optional) 
* actions: swap exchanges c1 and c2 in object o 
*   add adds class c1 to object o 
*   remove removes class c1 from object o 
*   toggle turns class c1 off if it is currently on and vice-versa 
*   check tests if class c1 is applied to object o 
* example: cssjs('swap',document.getElementById('foo'),'bar','baz'); 
*/ 

function cssjs(a,o,c1,c2) 
{ 
    if (o) { 
     switch (a){ 
      case 'swap': 
       o.className=!cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2); 
       break; 
      case 'add': 
       if(!cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;} 
       break; 
      case 'remove': 
       var rep=o.className.match(' '+c1)?' '+c1:c1; 
       o.className=o.className.replace(rep,''); 
       break; 
      case 'toggle': 
       cssjs('check',o,c1) ? cssjs('remove',o,c1) : cssjs('add',o,c1); 
       break;  
      case 'check': 
       return new RegExp('\\b'+c1+'\\b').test(o.className); 
     } 
    } 
}o