это надо для скрипта "Открыть или скрыть блок при выборе чекбокса"

мне надо реализовать - пользователь может выбрать раздел "еда" или "вещи"

и далее выбрать подраздел выбранного раздела

Все что "Добавлено 50 минут спустя:" это я погорячился так-как нашел варинт реализации вообще без скриптов, см. пример раз http://jsfiddle.net/lega911/wRL9k/ и два

HTML

<div al-app>
  <select al-value="value">
       <option>One</option>
       <option>Two</option>
       <option>Three</option>
  </select><br><br><br><br><br><br>
  <div class="z" al-class="display: value=='Two', display1: value=='Three'">Lorem ipsum...</div>
</div>

CSS

.z {
	display:none;
}.display {
	display:block;
}.display1 {
	display:none;
}

Добавлено 50 минут спустя:

сам спросил, сам ответил))

определять можно по value

пример на jquery

<tr>
   <td>{PHP.L.Category}:</td>    
   <td>{USERS_PROFILE_CAT}</td>
					</tr>
<tr id="hide" style="display:none;">   
   <td>{PHP.L.Groupsmembership}:</td>  
   <td>{USERS_PROFILE_GROUPS}</td><!-- в переменной есть чекбокс с value="consulting" -->
</tr>
						<script type="text/javascript">
$(document).ready(function(){
 $("input[value='consulting']").change(function(){

  if ($(this).attr("checked")) {
      $('#hide').fadeIn().show();
      return;
  } else {
      $('#hide').fadeOut(300); 
  }

 });
})
</script>

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

здесь http://ruseller.com/lessons.php?id=682 все подробно расписано