Question

您好我只想切换隐藏/分别显示一个div。

我的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/。

这就是我设置它的方式，以便在单击按钮时切换uls：

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

假设你有一个ID为“myButton”的元素。

Answer 2

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

Answer 3

/*
 * 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

Answer 4

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

如何使用Javascript切换隐藏或显示div和类？

4 个答案: