如何将字体真棒图标放入js切换

Question

嗨，我有这样的代码：

 $(document).ready(function() { $("#toggle").click(function() { var elem = $("#toggle").text(); if (elem == "Show more") { $("#toggle").text("Show less"); $("#text").slideDown(); } else { $("#toggle").text("Show more"); $("#text").slideUp(); } }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <div class="btn-container"> <button id="toggle">Show more</button> </div>

在显示更多我想添加一个图标/f078 并在显示更少/f106 中。 如何添加？ 我尝试了 css 和 html 标签，但它不起作用。