如何切換隱藏或顯示帶div的div和class？

Question

嗨，我只是希望能夠切換到分別隱藏/顯示一個類與一個類。

我的div是ul.post_controls

Answer 1

編輯對不起沒有意識到你沒有提到jQuery的 - 它只是聽起來太像一個jQuery的問題。同時，如果您正在考慮使用jQuery等JavaScript框架，請查看這裏有多簡單的生活：http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery。

---

你幾乎說：

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

這裏的參考：http://api.jquery.com/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。

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