如何在字形类之间进行切换

嗨我是Jquery的新手，想知道如何在单击文本（如下拉菜单）时在减号和加号之间切换。如何在字形类之间进行切换

的代码是：

var main = function() { 
    $('.day').click(function() { 
    $(this).next().toggle(); 
    $('.weekday').find("span").toggle(function(){ 
     $(".glyphicon-plus").toggle(); 
     $(".glyphicon-minus").toggle(); 
    }); 
    }); 
}; 

$(document).ready(main);

在HTML中glyphicon加已经在和负不大。当我按下文字时，这应该在加号和减号之间切换，但是加号正在消失，然后在一次点击后重新出现。有人可以帮助我吗？

下面是HTML的一个片段：

<body> 
    <div class="main"> 
     <div class="container"> 
     <div class="row"> 
      <div class="col-sm-5 col-sm-offset-7"> 
      <h1>70&deg;</h1> 
      <h2>5-day forecast</h2> 
      <div class="forecast"> 

       <div class="day row"> 
       <div class="weekday col-xs-4"> 
        <span class="glyphicon glyphicon-plus"></span> 
        <p>today</p> 
       </div>

我想切换

来源

2016-02-16 jordan121sa

请添加您的HTML结构也 –

确定添加的HTML结构的一个片段 – jordan121sa

$(this).find('i:first').toggleClass('glyphicon-plus glyphicon-minus');

SAMPLE FIDDLE

来源

2016-02-16 05:23:39

如何在字形类之间进行切换

回答

相关问题