Untitled

<div align="center">
<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="./js/jquery-1.7.1.js"></script>

<script type="text/javascript">
$(window).load(function(){
$('input').change(function(){
    var allchecked=0;
    $('input').each(function(){
        var checked;
        if (checked = $(this).attr('checked')) {allchecked++};
        var numberofrooms = $('li[data-test='+$(this).data('test')+']');
        checked ?  numberofrooms.show('slow'): numberofrooms.hide('slow');
    });
    if(allchecked==0){$('li').show('slow');}
});
});

</script>
</head>

<body>
  <input data-test="1" type="checkbox">1 test
<input style="margin-left:10px;" data-test="2" type="checkbox">2 test
<input style="margin-left:10px;"  data-test="3" type="checkbox">3 test<br><br>
<ul style="list-style:none;">
    <li data-test="1">1 test</li>
    <li data-test="1">1 test</li>
    <li data-test="3">3 test</li>
    <li data-test="2">2 test</li>
    <li data-test="2">2 test</li>
    <li data-test="2">2 test</li>
    <li data-test="3">3 test</li>
    <li data-test="2">2 test</li>
    <li data-test="1">1 test</li>
    <li data-test="2">2 test</li>
</ul>

</body>
</html>