Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 此代码是否向下滑动?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 此代码是否向下滑动?

Javascript 此代码是否向下滑动?,javascript,jquery,html,Javascript,Jquery,Html,我是jQuery和Javascripts的新手,所以我想问你,我如何才能获得这个脚本的幻灯片: // Focushandler var current = null; //currently shown div function focushandler(id) { if (current!==null) { current.style.display = 'none'; } var div = document.getElementById(id);

我是jQuery和Javascripts的新手,所以我想问你,我如何才能获得这个脚本的幻灯片:

// 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
}

这段代码使我在单击文本区域时显示一个Div容器。当我单击out时,它会隐藏。那很好!但现在我想,当我聚焦文本区域(.slideDown())时,它会滑入。有人能拦住我吗?那太好了

JQuery库的特点是,您不需要为每个浏览器编写特殊代码,它会为您编写

$("TEXTAREA").slideDown();
我写了一本小册子。希望对你有帮助

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

我必须在哪里填写?我希望首先隐藏的框应该向下滑动,而不是文本区域