Вот тут я взял пример http://jsfiddle.net/cJ8MV/9/
Селекторы вроде бы одинаковые.

В примере селектор по имени класса, и оно может быть одинаковым у множества элементов.

Вы думаете по сути это отличается от того что я написал? Я вам показал делегирование обработки события родителю. Можно плясать и от источника по дереву иерархии, но ведь вопрос в том что вам надо, и как будет выгодней.

Мдя... я про разницу id и class совсем забыл. Стыдобища)
Промежуточная задача решена.
Спасибо за советы (надо их обдумать еще). Буду обращаться если что в эту тему.

Доброй ночи.
Я тут все бьюсь над таблицей, но уже с выпадающим списком в каждой строке. http://jsfiddle.net/sn90neoa/
Вроде разобрался со всеми родителями и прочими потомками. Но!
Как сделать, если меню открылось, но не ткнули по <li> и ткнули на другой строке опять выбор, предыдущее открытый список закрывался?
Заранее спасибо.

.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()
    });
});

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

Спасибо. Правда я уже сделал так чтобы убирая мышку со списка он сворачивался.