如何使一个小箭头按钮 <hr> （对于带有JQuery的slideUp / slideDown）

Question

快速提问

我有一个<hr>和以下脚本：

<script type="text/javascript" >
  $(function () {
         $("#hideClass").click(function () {
             if ($("div#bodyFake").is(":hidden")) {
                 $("div#bodyFake").slideDown();
             } else {
                 $("div#bodyFake").slideUp();
             }
         });
     });
 </script>

atm该脚本旨在隐藏整个正文（这只是为了测试它是否起作用，因为我遇到了一些JQuery问题）

但是，我现在想在<hr>的右侧有一个小箭头/按钮，以便可以将div（1表）隐藏在其下方。 有人知道我怎么能在上面得到小箭头按钮吗？ （不知道它叫什么..）

提前致谢！

Answer 1

给它一个高度和一个背景图像。

hr {
 background-image:url(....);
 background-position:right top;
 background-repeat:no-repeat;  
 height:20px;   
}

Answer 2

我现在意识到我也可以只使用ASCII箭头alt + 31▼和alt + 30▲