Javascript 如果标志=真/假，则淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出

当

flag=true

或

flag=false

时，我试图淡入一个框，或淡出一个框。 我从n数组中提取ID

为什么我的旗帜总是正确的

function setContentBox() {
    for (var i = 0; i < jArrayText.length; i++){
        var flag = true;

        if(!flag){
            document.getElementById(textWord[i]).onclick = function () {
                var activeClass = $(this).find('.comment-box');
                activeClass.fadeOut();
                flag = true;
            };
        }else if(flag){
            document.getElementById(textWord[i]).onclick = function () {
                var activeClass = $(this).find('.comment-box');
                activeClass.fadeIn();
                flag = false;
            };
        }
    }
}

函数setContentBox（）{
对于（var i=0；i

函数setContentBox（）{
var标志=真；
对于（var i=0；i

试试这一行：

var flag = true;

在每次循环迭代开始时，将

标志设置为
true
。您希望将其移动到

的

上方

但该代码还有其他问题。我怀疑这就是你想要的：

function setContentBox() {
    // Set flag to true *once*
    var flag = true;
    for (var i = 0; i < jArrayText.length; i++){
        // Hook the click event
        document.getElementById(textWord[i]).onclick = function () {
            var activeClass = $(this).find('.comment-box');
            // Use and update the flag
            if (flag) {
                activeClass.fadeIn();
            } else {
                activeClass.fadeOut();
            }
            flag = !flag;
        };
    }
}

（注：我将
标志的含义颠倒过来。）

或，当然，如果您实际上根本不需要
标志
，只需切换即可。
签出：

试试这个：

1） 淡入/淡出如果标志为真，单击某个按钮时的注释框

 var flag = true; // if you need fade in and out effect
    function setContentBox() {
        for (var i = 0; i < jArrayText.length; i++){
                document.getElementById(textWord[i]).onclick = function () {
                    var activeClass = $(this).find('.comment-box');
            if(flag){
                    activeClass.fadeToggle(); // fades in if hidden, fades out if shown                
            }
                };       
    }

var flag=true；//如果你需要淡入淡出效果
函数setContentBox（）{
对于（var i=0；i

}

2） 淡入/淡出单击某个按钮时的注释框（如果它是隐藏的淡入，如果它显示为淡出），如果您想要实现这一点，您不需要标志

    function setContentBox() {
        for (var i = 0; i < jArrayText.length; i++){
                document.getElementById(textWord[i]).onclick = function () {
                    var activeClass = $(this).find('.comment-box');     
                    activeClass.fadeToggle(); // fades in of hidden, fades out if shown 
                };       
    }
}

函数setContentBox（）{
对于（var i=0；i
您的问题是什么？它不起作用吗？为什么旗帜总是正确的？你的实际最终目标是什么？上面的代码似乎没有做我怀疑你想做的事情，但不知道你想做什么…离题。我想说，
flag
是flag变量最糟糕的名称。：）我的实际目标是，当我再次点击id时，它会再次消失为什么？你改变了什么？你为什么要改变它？代码转储不是有用的答案；我想到了“淡入淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡。不错的一个。这个：
if（flag）{activeClass.fadeIn（）；}其他{activeClass.fadeOut（）；}
可以被
activeClass.fadeToggle（flag）
@Martijn:That替换。我站在更正位置。切换功能可以做到这一点，而动画切换功能显然不能做到这一点，但很快就无法回复。下一次，先研究再说话，孩子们，哈哈
function setContentBox() {
    for (var i = 0; i < jArrayText.length; i++){
        document.getElementById(textWord[i]).onclick = function () {
            $(this).find('.comment-box').fadeToggle();
        };
    }
}

$(".YourElements").on('click', function(e){
    $(this).find('.comment-box').fadeToggle();
});

 var flag = true; // if you need fade in and out effect
    function setContentBox() {
        for (var i = 0; i < jArrayText.length; i++){
                document.getElementById(textWord[i]).onclick = function () {
                    var activeClass = $(this).find('.comment-box');
            if(flag){
                    activeClass.fadeToggle(); // fades in if hidden, fades out if shown                
            }
                };       
    }

    function setContentBox() {
        for (var i = 0; i < jArrayText.length; i++){
                document.getElementById(textWord[i]).onclick = function () {
                    var activeClass = $(this).find('.comment-box');     
                    activeClass.fadeToggle(); // fades in of hidden, fades out if shown 
                };       
    }
}