Question

我有两个ID id =＆＃34; 231-plus＆＃34;和第二个id =＆＃34; 231-minus＆＃34;。我希望能够在打开时将加号更改为减号。当我关闭时，我想将负值切换回加号。

它进行了切换，但是一旦打开然后关闭，它就不会从负数转换回加号。

我的代码在JSFIDDLE

的Javascript

function toggle() {
    $("#showhide").click(function(){
        $("#lorem1").toggle(1000,function(){
            $("#231-minus").show();
             $("#231-plus").hide();
        });

         $("#lorem2").toggle();
         $("#lorem3").toggle();
    });    

}

$(document).ready(function(){
    toggle();

});

Answer 1

您尚未为toggle或lorem2撰写lorem3功能。此外，您始终显示减号并隐藏加号，它们都应切换。基于您小提琴中的HTML，您的代码将如下所示：

$("#showhide").click(function(){
    $("#lorem1").toggle(1000,function(){
        $("#231-minus").toggle();
         $("#231-plus").toggle();
    });

    $("#lorem2").toggle(1000,function(){
        $("#500-minus").toggle();
         $("#500-plus").toggle();
    });
     $("#lorem3").toggle(1000,function(){
        $("#850-minus").toggle();
         $("#850-plus").toggle();
    });
});

DEMO

Answer 2

我可以请求不同的东西吗？有一种方法称为＆＃34;切换＆＃34;包含在"classList"中。

基本语法类似于

element.classList.toggle("yourClass");

您可以在每个元素上切换此类（＆＃34;＃123-minus＆＃34;＆＃34;＃123-plus＆＃34;）。

＆＃13;

function onClick(){
  
  //get each DIV in the HTML section
  var divs = document.getElementsByTagName("div");
  
  //loop through the DIVs and either remove or add the class "hide"
  for(var i = 0; i < divs.length; i++){
    divs[i].classList.toggle("hide");
  }
}

＆＃13;

.hide{
  display: none;
}

#minus{
  width: 100px;
  height: 40px;
  background-color: red;
}

#plus{
  width: 40px;
  height: 100px;
  background-color: blue;
}

＆＃13;

<div onclick="onClick()" id="minus" class="hide"></div>
<div onclick="onClick()" id="plus"></div>

＆＃13;

单击div以执行切换。

如何在加号和减号元素之间切换2？

2 个答案: