Почему же? Структура следующая:

<div class="select">
 <div class="selectList">
  <span class="option">1</span>
  <span class="option">2</span>
  <span class="option">3</span>
  <span class="option">4</span>
  <span class="option">5</span>
 </div>
</div>

А, ну тогда ок. Только не show() а hide() ведь, не?

апд

$(function(){
            $(".select").click(function(){
                if ($('.selectList', this).is(':visible')) {
                    $('.selectList', this).hide();
                } else {
                    $('.selectList', this).show();
                }
            });
        });

Такой получился скрипт. Как теперь можно определить, по какому из дочерних элементов .option был совершен клик?

$(".select").click(function(e){
    //e.target
...

Вся твоя портянка заменяется одной строчкой:

$('.selectList', this).toggle();

e.target ?
По-подробнее, пожалуйста

По-подробнее, пожалуйста

Разобрался, спасибо. Плюсанул в репу. Такой получился код:

$(function(){
            $(".select").click(function(e){
                $('.selectList', this).toggle();
                $('.selectText', this).text($(e.target).text());
            });
        });