안녕하세요 .
숙제 중 모르는 부분이 있어 질문드립니다.
아래는 제 코드인데 , 처음은 addClass로 하려고 했으나 해결이 안되어서
toggleClass로 풀었습니다. class를 탈부착하는 방식은 똑같은거같은데
왜 addClass로 하면 안되는 것인지, addClass로 풀려면 어떻게 해야하는지 ,
toggleclasss는 어째서 되는것인지 궁금합니다.
<html>
<nav class="navbar navbar-light bg-light">
<div class="container-fluid">
<span class="navbar-brand">Navbar</span>
<button class="navbar-toggler" type="button" id="btn">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
<ul class="list-group">
<li class="list-group-item">An item
<li class="list-group-item">A second item
<li class="list-group-item">A third item
<li class="list-group-item">A fourth item
<li class="list-group-item">And a fifth one
<css>
.list-group{
visibility: hidden;
height: 0px;
transition: all 3s;}
.down{
visibility: visible;
height: 400px;
overflow: visible;
}
<js>
<script>
$('#btn').on('click',function(){
$('.list-group').toggleClass('down')
});
</script>
