How to collapse a list after selecting an item in it?

Question

JavaScript

Hello!
There is a list of divs, you need to collapse it when selecting / clicking on any position from the list.

<div id="markerlist">
<div><a href="#" class="title">ул. 23-го Августа, 43</a></div>
<div><a href="#" class="title">ул. Академика Павлова, 305/307</a></div>
<div><a href="#" class="title">ул. Энвера Ахсарова, 21</a></div>
<div><a href="#" class="title">ул. Блюхера, 18б</a></div>
<div><a href="#" class="title">ул. Блюхера, 23е</a></div>
</div>

Answer 1

Something like this

$("#markerlist").on("click","div", function(){
  $('#markerlist div').hide();
    $(this).show(); 
    return false;
});

Answer 2

Could it be even easier? )

$("#markerlist").on("click","div", function(){
    $(this).show().siblings().hide(); 
    return false;
});