Javascript JQuery：如何使用HTML ascii箭头作为切换指示器？

我是用滑步切换来的

我想按原样实现它，除了一件事

该示例使用图像作为上下白色箭头指示器

我不能使用HTML ascii向上箭头吗↑ 和向下箭头↓ 而不是使用图像

---

如果是，如何更改？

您可以按如下方式更改锚元素的文本值

$(".btn-slide").click(function(){  
    $("#panel").slideToggle("slow");  
    $(this).toggleClass("active"); return false;  
    $(this).text('YourText ' + ($(this).hasClass('active') ? '↑' : '↓'));
});    

---

删除箭头图像是通过删除.btn幻灯片选择器的CSS背景属性来完成的。

我相信类似的方法应该可以工作：

$(".btn-slide").click(function(){
  $("#panel").slideToggle("slow");
  $(this).toggleClass("active");

  //Toggle text here (I may have the up/down order inverted)
  $(".btn-slide").toggle(function() {
      $(this).text('Slide ↑');
    }, function() {
      $(this).text('Slide ↓');
  });
  return false;
}); 

基本上，这个想法只是在点击链接时切换链接上的文本，与作者切换上/下幻灯片的位置相同

更多关于这里的信息

您还需要从此处删除白色背景图像：

.btn-slide  {
background:url("images/white-arrow.gif") no-repeat scroll right -50px 

---

在我的例子中，我更喜欢使用attribute.attr

当使用firebug进行测试时，我使用.val或.html，之后将添加额外的。这对我不管用

对不起，我的英语不好

$(this).attr('value', '↑');