Javascript 使用Jquery仅在按钮文本中切换ASCII字符

点击按钮，它会显示一个隐藏的菜单，我称之为“用户面板”。我使用的切换脚本工作正常

我所需要做的就是在切换时将ASCII箭头更改为向上

以下是我的HTML代码：

<input type="button" class="userPanelButton" value="User: Simranjit ▼" style="float:right" id="hideDisplayUserDetailsButton" />

下面是脚本：

<script type="text/javascript">
  $(document).ready(function(){
    $("#hideDisplayUserDetailsButton").click(function(){
        event.stopPropagation();
        $("#hideDisplayUserDetails").slideToggle(200);
    });
});
</script>

在这里

$(document).ready(function(){
    $("#hideDisplayUserDetailsButton").click(function(){
        event.stopPropagation();
        $("#hideDisplayUserDetails").slideToggle(200);

        var val = $("input#hideDisplayUserDetailsButton").val();
        var val1 = $("input#hideDisplayUserDetailsButton").val();
        val = val.slice(0,-1);

        if(val1.slice(-1) === "▼"){
            $("input#hideDisplayUserDetailsButton").val(val + "▲");
        }
        else{
            $("input#hideDisplayUserDetailsButton").val(val + "▼");
        }
    });
});

---

首先，你应该使用CSS生成的内容，然后通过f.e.切换按钮上的类很容易“切换”出去。我只在Safari、Chrome和IE上测试过。这两种工具都是在手机和桌面上测试的。