Есть скрипт раскрывающего списка (dropdown) на jQuery. Как сделать, что бы при клике на одну из выпадающих ссылок список закрывался, а на место <a href="#"><span>Ссылки:</span> Все</a>
вместо "Все" подставлялся текст из ссылки, на которую нажали?
jQuery('.user-columns-meta > a').click(function(e) {
e.preventDefault();
if (jQuery('.user-columns-meta').hasClass('open')) {
jQuery('.user-columns-meta-links').slideUp();
jQuery('.user-columns-meta').removeClass('open');
} else {
jQuery('.user-columns-meta-links').slideDown();
jQuery('.user-columns-meta').addClass('open');
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="columns_dropdown">
<div class="user-columns-meta">
<a href="#"><span>Ссылки:</span> Все</a>
</div>
<div class="user-columns-meta-links" style="display: none;">
<ul>
<li><a href="#">Все</a></li>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
</ul>
</div>
</div>