从下拉列表中将列表元素显示为选定项目

Question

我有一个由ul和li构建的下拉菜单。我面临的挑战是当我选择一个列表项时，我可以在下拉列表中将其显示为选定项目，但它会从列表中更改其位置。我想保留在同一位置选择的项目，但希望将其显示为下拉列表的选择。同样是<select> <option>有效，但仅适用于ul li。

JS看起来像这样：

var $accordion = $('.dropdown ul');

$accordion.click(function(e) {
  e.preventDefault();
  $(this).children().show();
  $(this).on('click', function() {
    $(this).children().each(function() {
      if ($(this).index() !== 0) {
        $(this).toggle();
      }
    });
  });

  $('li').on('click', function() {
    $(this).parent().prepend($(this));
  })
});

Here is my fiddle