logo标签列表

如何在glyphicon类之间切换

jqueryhtmlcss
4

嘿，我是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-plus已经被打开，而减号没有被打开。 当我点击文本时，这应该在加号和减号之间切换，但实际上加号会在第一次单击后消失然后重新出现..有人可以帮忙吗？

以下是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>

我希望您能切换

标签。

1
请同时添加您的HTML结构。 - Rino Raj
好的，我添加了HTML结构的片段。 - jordan121sa
1个回答
4
$(this).find('i:first').toggleClass('glyphicon-plus glyphicon-minus');

示例代码

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接