здравствуйте!
помогите, пожалуйста, начинающему
есть код
<body>
<h1>vfvfvfvf</h1>
<div class="filter-box">
<div class="hidden">
<strong class="title">rrrrr</strong>
<div class="checkbox">
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
</div>
</div>
<div class="hidden">
<strong class="title" >qqqqq</strong>
<div class="checkbox">
<ul>
<li>456</li>
<li>789</li>
<li>123</li>
</ul>
</div>
</div>
<div class="hidden">
<strong class="title" >ffffff</strong>
<div class="checkbox">
<ul>
<li>147</li>
<li>2258</li>
<li>36598</li>
</ul>
</div>
</div>
<div class="hidden">
<strong class="title" >ssssss</strong>
<div class="checkbox">
<ul>
<li>dddd111</li>
<li>222dddd</li>
<li>333aaaa</li>
</ul>
</div>
</div>
</div>
Задача: по клику на <strong class="title" >ssssss</strong> необходимо свернуть/показать <div class="checkbox">
$(document).ready(function(){
$(".hidden").click(function(){
$('.checkbox', this).toggle();
});
});
Этот скрипт сворачивает, но не только по клику на title, а еще и по клику на checkbox. Но так не устраивает. Как решить задачу?