Есть такой код, кот сортирует DIVы в алфавитном порядке при клике на #sort
.
Вопрос: как дописать код, чтобы DIVы при повторном клике на тот же #sort
сортировались в обратном порядке?
html
<div id="menu">
<div>
<a href="#">
<p class="menu-img"><img src="jam.gif" /></p>
<p class="menu-txt">Ямайка<p>
</a>
</div>
<div>
<a href="#">
<p class="menu-img"><img src="est.gif" /></p>
<p class="menu-txt">Эстония<p>
</a>
</div>
<div>
<a href="#">
<p class="menu-img"><img src="mal.gif" /></p>
<p class="menu-txt">Мальдивы<p>
</a>
</div>
<div id="sort"><a href="#">Сортировать по алфавиту</a></div>
</div>
js
$("#sort").click(function () {
var mylist = $('#menu');
var listitems = mylist.children('div').get();
listitems.sort(function(a, b) {
var compA = $(a).text().toUpperCase();
var compB = $(b).text().toUpperCase();
return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });
});