如何在字形類之間進行切換

嗨我是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

如何在字形類之間進行切換

回答

相關問題