как сделать маленькую кнопку со стрелкой на <hr>(для slideUp / slideDown с JQuery)

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 ▲