Базовый Аккордеон вытягивается с использованием java-скрипта и css не работает. Как я могу заставить его не иметь рядом с ним символ?

Question

Я пытаюсь создать кнопку основного аккордеона, которая будет отображать мою информацию при нажатии, а затем спрятать ее при повторном нажатии. Я использую html, css и js для выполнения этого.

на основе примера из моих проф, я следующий в ЯШАХ:

$('input[type=radio]+label').click(function(){ 
var lbl = $(this).html().substring(2); 
var on = $(this).prev().attr('checked'); 
if(on){ 
$(this).html('▹ '+lbl); 
}else{ 
$(this).html('▿ '+lbl); 
} 
$(this).prev().attr('checked',!on); 
$(this).next().slideToggle(); 
}); 

следующие CSS:

#work, 
.closed { 
display: none; 
} 

#work+label, 
{ 
cursor: pointer; 
color: blue; 
} 

section { 
background-color: #eee; 
padding: 20px; 
margin-left:15px; 
} 

и следующий в HTML:

<div class="text"> 


    <input type="radio" id="work"> 
    <label for"work"> 
     <h3 class="work-text">OVERVIEW</h3> 
    </label> 
    <section class="closed"> 
     <h3> 
     OVERVIEW: 
     </h3> 
     <p> 
     Highly creative electronic design and multimedia student with a passion and enthusiasm for Illustration and character design. Graphic artist skilled in a variety of design and logos. 
     </p> 
    </section> 

    </div> 

Может кто-нибудь помочь мне выяснить, как избавиться от & # 9657 и & # 9663? Я не хочу, чтобы стрелки присутствовали, когда вы нажимаете на слово OVERVIEW. Я просто хочу, чтобы можно было щелкнуть по слову, уменьшить контекст и затем исчезнуть при повторном нажатии.

Я пытался просто удалив два из кода и заменить его:

if(on){ 
    $(this).html(' '+lbl); 
    }else{ 
    $(this).html(' '+lbl); 
    } 

и что, казалось, работало, но когда я нажимаю на него больше, чем несколько раз, я получаю следующий вид вместо моего аккордеона тянуть вниз:

«h3 класс =» работа-текст «> Обзор»

Как я могу исправить эту проблему?

Answer 1

Почему бы вам просто не удалить логику для полного показа стрелок? Demo

$('input[type=radio]+label').click(function() { 
    $(this).next().slideToggle(); 
});