Есть раскрывающийся список из div элементов. Надо при клике на определенный div передать его значение (изображение с текстом) в заголовок списка, удалить надпись "Выберите модель". После передачи значения список все так же должен раскрываться и работать (при кликах на другие элементы списка их значение так же должно передаваться в заголовок и заменять предыдущее).
<div class="select-model-auto"><h3>Выберите модель <span id="arrow-list-icon"></span></h3>
<div class="list-model-auto">
<ul >
<li><div id="auto1" class="auto"><span>qwerty</span><img src="img/EX_7-225abdaf68ac36210a336f26b9e6180b68243ae50f8e5ffeacc2ecad63fa1e5c.png" alt="img"></div></li>
<li><div id="auto2" class="auto"><span>qwerty</span><img src="img/EX_7_new-2a506dc3787c6b7beebff360300b256dda0d5ba6aa86370d2811bbe69e4dd6b0.png" alt="img"></div></li>
<li><div id="auto3" class="auto"><span>qwerty</span><img src="img/models-ranks_img-middle-a1f6d80b0aa6110e7e5d30f80304115af08f1041770f25627cc2039e71b78070.png" alt="img"></div></li>
<li><div id="auto4" class="auto"><span>qwerty</span><img src="img/models-ranks_img-right-0761cb4392f8a9851d0e29e95a63b3ca659506ba2b32c2e69762602ac9b905ba.png" alt="img"></div></li>
<li><div id="auto5" class="auto"><span>qwerty</span><img src="img/EX_7-225abdaf68ac36210a336f26b9e6180b68243ae50f8e5ffeacc2ecad63fa1e5c.png" alt="img"></div></li>
</ul>
</div>
<script>
$(document).ready(function() {
$('div.select-model-auto').click(function () {
$('span').toggleClass('active');
$('div.list-model-auto').slideToggle(400 , function () {
});
});
$('div.auto').click(function () {
var target = event.target.id;
alert(target); // идентифицирует элемент
});
});
</script>