javascript - 使用 Jquery 通过 Javascript if/else 语句设置 CSS 属性

Question

我现在正在尝试在网站中创建一个按钮，该按钮将根据其他两列的可见性调整工具栏的大小。到目前为止，我已经编写了以下内容，但是只要我将 if/else 语句添加到组合中，Javascript 就不会执行。

到目前为止，这是我的代码:

<script>
        $("#categorizedBlogsToggle_button").click(function() {
            if ($("#uncategorizedBlogsContainerDiv".css("display") == "none")){
            $("#categorizedBlogsContainerDiv").toggle( "fast", function() {
            });
                $("#blogToolbar").css({
                    "width": "82%",
                    "left": "5%"
                });
        }
            else{
                $("#categorizedBlogsContainerDiv").toggle( "fast", function() {
                });
                $("#blogToolbar").css({
                    "width": "70%",
                    "left": "20%"
                });
            }
        });
    </script>

谢谢!

编辑:更新了 jQuery 选择器和固定括号，但它仍然不适合我。

我不确定它是否会影响我使用的语法，但我试图在这些元素中修改的属性是从外部样式表派生的。 (在本例中为/blog.css)

Answer 1

            if ("#uncategorizedBlogsContainerDiv".css("display") == "none"){

应阅读:

            if ($("#uncategorizedBlogsContainerDiv").css("display") == "none"){