javascript - 显示/隐藏不起作用

Question

<table class='generic'>
<script>
$('#select_bh').click(
    function(){
        if($('#select_bh')[0].checked){
        $('#hide_box_bh_s').show();
        }
        else{
        $('#hide_box_bh_s').hide();
        }
    }
);
</script>
<tr>
    <td>
        <b><input type="checkbox" id="select_bh" name="pj_boilerhouse" value="Boiler_House"/>Boiler House</b>
    </td>
</tr>
<tr>
    <td>
        <span id='hide_box_bh_s' style='display:none'>
            &nbsp;&nbsp;<b><input type="checkbox" class="case_bh_s" name="pj_bh_s" value="Structural"/> Structural</b>
        </span>
    </td>
</tr>
</table>

JavaScript 中的 show show/hide 无法正常工作..请给我一些建议，thx..当我选中复选框时它是如何进行的，它将在现有行下有一个新行

Answer 1

它在这里工作你可以看到代码 http://jsfiddle.net/damian_silvera/9ym5Y/