Показать сообщение отдельно
  #15 (permalink)  
Старый 30.12.2015, 17:38
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

.selbut {
    cursor: pointer;
}
.sel {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sel li{
    cursor: pointer;
}


$(function() {
    $('.selbut').click(function (){
        var o = $(this).find('>*');
        $('.sel').not(o.last()).slideUp();
        o.last()
          .slideToggle()
          .children()
          .click(function(e) {
              o.first()
               .text($(this).text())
               .end()
               .last()
               .slideUp();
              e.stopPropagation()   
          })
    });
    
    $(document).click(function(e){
        if($(e.target).hasClass('selbut') || !$(e.target).closest('.selbut').length) $('.sel').slideUp()
    });
});


Но если это стилизация под список, то не совсем информативно - список еще имеет и кнопку, хотя может раскрываться и щелчком по полю значения.

Последний раз редактировалось laimas, 31.12.2015 в 04:06.
Ответить с цитированием