Помогите пожалуйста. У меня есть список с фильмами. Нажав на фильм, нужно чтобы погружался список с его частями (1 часть, 2 чать и тп.) остальные все списки скрытые пока их не выберут.
.selectvalue {
display:none;
}
.selectvalue.active {
display:block;
}
<div class="selectlink">
<div class="selectlink-control">Список фильмов</div>
<ul>
<li><a href="#">Гарри Поттер</a></li>
<li><a href="#">Хоббит</a></li>
<li><a href="#">Властелин Колец</a></li>
<li><a href="#">Звездные войны</a></li>
</ul>
</div>
</div>
<div class="selectvalue active">
<div class="selectlink-control">Гарри Поттер</div>
<ul>
<li><a href="#">1 часть</a></li>
<li><a href="#">2 часть</a></li>
<li><a href="#">3 часть</a></li>
<li><a href="#">4 часть</a></li>
</ul>
</div>
</div>
<div class="selectvalue">
<div class="selectlink-control">Хоббит</div>
<ul>
<li><a href="#">1 часть</a></li>
<li><a href="#">2 часть</a></li>
<li><a href="#">3 часть</a></li>
<li><a href="#">4 часть</a></li>
</ul>
</div>
</div>
<div class="selectvalue">
<div class="selectlink-control">Властерин Колец</div>
<ul>
<li><a href="#">1 часть</a></li>
<li><a href="#">2 часть</a></li>
<li><a href="#">3 часть</a></li>
<li><a href="#">4 часть</a></li>
</ul>
</div>
</div>
javascript:getParts()