JQuery - функция запуска, если флажок установлен.

Question

Если отмечено: активируется # панель-инструкция. Если не отмечено: # панель-инструкция не активируется.

Каков наилучший способ сделать это в случае case. Я знаю несколько, если бы заявления не были бы лучшим способом. В принципе, я хочу скрыть строку # инструкции в каждом случае. Не весь переключатель.

<p><input type="checkbox" id="unique-checkbox-name" name="enable-checkbox"/>Checkbox</p> 

$("select[name=map-tool]").change(function (e) { 
    var currVal = $(this).val(); 
    switch (currVal) { 
     case "navigation": 
      // instructions bar HIDE 
      $('#instructions-bar').slideUp('slow'); 
      // more code 
      break; 
     case "distance": 
      // instructions bar SHOW 
      $('#instructions-bar').slideDown('slow'); 
      // more code 
      break; 
     case "area": 
      // instructions bar HIDE 
      $('#instructions-bar').slideUp('slow'); 
      // more code 
      break; 
    } 
}); 

Answer 1

$("select[name=map-tool]").change(function (e) { 
    var currVal = $(this).val(); 
    var isChecked = $("#unique-checkbox-name").is(":checked"); 
    switch (currVal) { 
     case "navigation": 
      // instructions bar HIDE 
      if (isChecked) $('#instructions-bar').slideUp('slow'); 
      // more code 
      break; 
     case "distance": 
      // instructions bar SHOW 
      if (isChecked) $('#instructions-bar').slideDown('slow'); 
      // more code 
      break; 
     case "area": 
      // instructions bar HIDE 
      if (isChecked) $('#instructions-bar').slideUp('slow'); 
      // more code 
      break; 
    } 
});