jQuery隐藏和显示带有加号和减号图标的切换div

  • Z时代
  • 2024-01-10
  • 分类：问答

我有显示的代码，并隐藏了div。当显示和隐藏处于活动状态时，如何添加两个不同的图标作为精灵图像？

例如： 图标显示给我，然后 图标隐藏我。

$(document).ready(function(){
   $(".slidingDiv").hide();
   $(".show_hide").show();
    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
  });
});

切换到 或 时需要将图像更改为上述图像。

谢谢

回答：

试试这个

$('#toggle_icon').toggle(function() {
    $('#toggle_icon').text('-');
    $('#toggle_text').slideToggle();
}, function() {
    $('#toggle_icon').text('+');
    $('#toggle_text').slideToggle();
});

<a href="#" id="toggle_icon">+</a>
<div id="toggle_text" style="display: none">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
</div>

以上是 jQuery隐藏和显示带有加号和减号图标的切换div 的全部内容， 来源链接： utcz.com/qa/428474.html

回到顶部