Question

我是jQuery和Javascripts世界的新手，所以我想问你，我怎么能为这个脚本获得一个SlideDown：

// Focushandler
var current = null; //currently shown div

function focushandler(id) {
    if (current!==null) {
        current.style.display = 'none';
    }
    var div = document.getElementById(id);
    div.style.display='block'
    current = div;
}

function clickhandler(e) {
    if (current == null){ //if both divs are hidden
        return;
    }
    e = e||window.event; //for IE8,7 compatibility
    var t = e.target || e.srcElement; // clicked element
    var sig = false;
    // now check all parents
    while (t) {
        if (t === current || t.nodeName == 'TEXTAREA') {
            sig = true;
        }
        t = t.parentNode;
    }
    if (sig) {
        return;
    }
    current.style.display='none';
    current = null;
}

if (document.documentElement.addEventListener) {
document.documentElement.addEventListener('click',clickhandler,false);
} else if (document.documentElement.attachEvent) {
    document.documentElement.attachEvent('onclick',clickhandler); //IE87
}

这段代码显示，当我点击Textarea时它会显示一个Div-Container。当我点击它时，它会隐藏。这很好用！但现在我想，当我关注Textarea（.slideDown（））时它会滑入。有人可以打扰我吗？那真是太好了！

Answer 1

JQuery库的问题在于，您不需要为每个浏览器编写特殊代码，它会为您完成。

$("TEXTAREA").slideDown();

Answer 2

我写了一个小example。希望对你有所帮助。

$(function(){
    $('#txtComments').on({
        'focus': function(){
            $('#commentTips').slideDown();
        },
        'blur': function(){
            $('#commentTips').slideUp();
        }
    });
});

这段代码的slideDown？

2 个答案: