Последняя функция не скрывается дивами в JQuery

Question

У меня есть функции ниже, что сделать следующее:

1. скрывает Див

2. шоу дивы, когда выбранная опция щелкнула

3. скрывает DIV когда нажата кнопка.

Последняя функция не работает по какой-либо причине. Дивы не спрячутся снова.

$(function() { 
    $("#event").hide(); 
    $("#events").hide(); 
    $("#myselect select").change(function() { 
    var $selected = $('#myselect select option:selected'); 
    if (!$selected.hasClass('added')) { 
    $('<li />', { 
     'data-value': $selected.val(), 
     text: $selected.text() 
     }).appendTo('#events'); 
     $selected.addClass('added') 
    } 
    $("#event").show(); 
    $("#events").show(); 
    }); 
}); 

$(function() { 
    $("#promo").hide(); 
    $("#promos").hide(); 
    $("#myselect2 select").change(function() { 
    var $selected = $('#myselect2 select option:selected'); 
    if (!$selected.hasClass('added')) { 
     $('<li />', { 
     'data-value': $selected.val(), 
     text: $selected.text() 
     }).appendTo('#promos'); 
     $selected.addClass('added') 
    } 
    $("#promo").show(); 
    $("#promos").show(); 
    }); 
}); 

$(function() { 
$('#grab1').click(function) { 
$('#promo').hide(); 
$('#promos').hide(); 
}); 
}); 

Answer 1

Для последней функции, попробовать что-то вроде этого:

$(function() { 
    $('#grab1').click(function() { 
    $('#promo').hide(); 
    $('#promos').hide(); 
    }) 
}); 

Answer 2

$(function() { 
    $("#event").hide(); 
     $("#events").hide(); 
     $("#promo").hide(); 
     $("#promos").hide(); 

     $("#myselect select").change(function() { 
     var $selected = $('#myselect select option:selected'); 
     if (!$selected.hasClass('added')) { 
     $('<li />', { 
      'data-value': $selected.val(), 
      text: $selected.text() 
      }).appendTo('#events'); 
      $selected.addClass('added') 
     } 
     $("#event").show(); 
     $("#events").show(); 
     }); 

     $("#myselect2 select").change(function() { 
     var $selected = $('#myselect2 select option:selected'); 
     if (!$selected.hasClass('added')) { 
      $('<li />', { 
      'data-value': $selected.val(), 
      text: $selected.text() 
      }).appendTo('#promos'); 
      $selected.addClass('added') 
     } 
     $("#promo").show(); 
     $("#promos").show(); 
     }); 

    $("#grab1").click(function(){ 
     $("#event").hide(); 
     $("#events").hide(); 
    }); 

    $("#grab2").click(function(){ 
     $("#promos").hide(); 
     $("#promo").hide(); 
    }); 
});