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"){

Answer 2

您缺少jquery选择器：

if ($("#uncategorizedBlogsContainerDiv").css...

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

2 个答案: