javascript - 检查 CSS 元素的属性值，并使用结果 true 或 false？

Question

我正在使用 jQuery，希望检查元素的属性值(下面是 Lodagema_Desc 是否可见)。我知道我应该在这里应用这个 bool 变量，但我不完全确定如何应用。我想检查这是真的还是假的(参见“if vis=true”)。

实际上，我正在尝试为 div 制作动画，它将在页面上删除并在单击 prio_img 后变得可见。之后，我想通过再次单击 prio_img 获得基本上相反的相同动画。

$(document).ready(function() {
    $("#prio_img").click(function() {
        var vis = $("#Lodagema_Desc").is(":visible");
        if (!vis){
             $('#Lodagema_Desc').css({visibility: "visible"}).animate({ 
                width: "1110px", //changes to visible, then animates to the correct width
             }, 800 );}
        else{
            $('#Lodagema_Desc').animate({
                width: "0px",
            }, 800).css({visiblity: "hidden"});
        }
    });
});

编辑:我已经修复了语法错误，但代码仍然存在问题。

Answer 1

http://jsfiddle.net/aamir/yZk5S/5/

试试这个

var $img = $('img'),
    originalWidth = $img.width();

//Set height
$img.height($img.height());

$('a').click(function(){
    $img.animate({ width: $img.width() == originalWidth ? 0 : originalWidth });
});