Javascript 带有css属性的jQuery切换

我试图在css列布局和id为“article”的div元素的普通布局之间切换，但jQuery不起作用。。。整个事情就这样消失了。有人能告诉我如何在切换函数中使用jQuery删除css属性吗？我读到你可以删除如下属性。。。但它不起作用。。。谁能告诉我正确的方法吗

function changeview(orientation){
    $('#article').toggle(function(){
       $('#article').css('-webkit-column-width' : '768px', 'height' : '885px');                          
    },function(){                                 
        $('#article').css('-webkit-column-width' : '', 'height' : '');                              
    });
}

---

您可以为此使用addClass和removeClass

<style>
    .newCSS {
        -webkit-column-width : 768px;
        height : 885px;
    }
</style>

---

还做了一个小提琴（简单的演示）：

比我快。。总是花太长时间在小提琴上： 按照tymeJV的建议，toggleClass甚至更好

---

更新-同一个示例简化为仅使用

toggleClass

-

不要将CSS属性设置为空字符串

'

。如果要将高度设置为默认值，请将其设置为自动。与

-webkit column width

相同，尽管您可以仅使用

column width

，并且它在现代浏览器中也适用。您最好添加/删除类。你的语法也不正确。使用$（'#article'）.css（{'-webkit列宽':'768px'}）；或$（'#article'）.css（'-webkit列宽'，'768px'）；另外，对于记录，

toggle

不推荐使用。@MattDiamant我应该使用什么来代替toggle then？。我用auto试过了，但没有工作。@Derek很抱歉，我忘记了{}。请将.css的内容包装在一个对象中

{}

：-）只

.toggleClass（'newCSS'）怎么样？感谢您的回答。。。我会和toggleClass一起尝试
<style>
    .newCSS {
        -webkit-column-width : 768px;
        height : 885px;
    }
</style>

$('#article').toggleClass("newCSS");