Javascript 如何在单击按钮时隐藏面板？

单击“提交”按钮时，我希望面板的默认透明度为：0：

更新2 这将使.panel默认不透明度为0，这是我想要的，但它会为每一个灵感做到这一点。我希望它只是为了被点击的灵感

$('.button-bitches').click(function(){
    if($(this).hasClass('active')){
        $('.panel-default').removeClass('active')
    } else {
        $('.panel-default').addClass('active')
    }
});

---

请试试这个

<div class="panel panel-default" id="hidepanel">....</div>

<span class="glyphicon glyphicon-pushpin" onclick="hidediv();"></span>

请像这样更改css

.panel-default:active {
  opacity: 0;
 }

 .button-bitches:active {
    opacity: 0;
 }

---

我看到按钮是面板默认值的子级，您应该尝试以下操作：

$('.button-bitches').click(function(){
        if($(this).hasClass('active')){
            $(this).removeClass('active');
            $(this).parents('.panel-default').removeClass('active');
        } else {
            $(this).addClass('active');
            $(this).parents('.panel-default').addClass('active');
        }
    });

这也可以缩短为：

$('.button-bitches').click(function(){
            if($(this).hasClass('active')){
                $(this).removeClass('active')
                       .parents('.panel-default').removeClass('active');
            } else {
                $(this).addClass('active')
                       .parents('.panel-default').addClass('active');
            }
        });

或者可以切换活动类

---

PS：我没有测试它，但我很确定只要按钮是.panel默认值的子项并且CSS是正确的，它就会工作。

你应该把脚本标记函数hidediv{document.getElementByIdhidepanel.style.opacity=0；}。面板默认值：active{opacity:0；}。按钮母狗：active{opacity:0；}你能不能像这样试试，因为你给出的是这样的。panel-default.active{opacity:0；}.button-bitches.active{opacity:0；}没有区别。active是正确的。我不是在传统的CSS意义上使用它。用巧克力代替活性成分。这需要一段时间。如果您介意提供一些输入，我遇到了另一个javascript问题：。似乎没有人有答案。

function hidediv() {
document.getElementById("hidepanel").style.opacity = "0";}

.panel-default:active {
  opacity: 0;
 }

 .button-bitches:active {
    opacity: 0;
 }

$('.button-bitches').click(function(){
        if($(this).hasClass('active')){
            $(this).removeClass('active');
            $(this).parents('.panel-default').removeClass('active');
        } else {
            $(this).addClass('active');
            $(this).parents('.panel-default').addClass('active');
        }
    });

$('.button-bitches').click(function(){
            if($(this).hasClass('active')){
                $(this).removeClass('active')
                       .parents('.panel-default').removeClass('active');
            } else {
                $(this).addClass('active')
                       .parents('.panel-default').addClass('active');
            }
        });

        $('.button-bitches').click(function(){
                $(this).toggleClass('active')
                       .parents('.panel-default').toggleClass('active');
        });