如何使一個小箭頭按鈕 <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▲