Javascript 使用freewall.js隐藏show divs jquery

我正在使用freewall jquery插件（） 一切正常

现在我想添加一个选项，人们可以选择显示或隐藏div。 工作也很好

例如：

如果您点击“问题1”中的选项 您将看到它是如何工作的

但是，它并没有显示我在不使用hide-show-divs选项时通常得到的布局（下面的第一个js脚本）

原因可能是我想在创建freewall之前执行wall.refresh（）。我改变了这个的顺序，但没用

我想这是一个小东西，但不能让它工作

    <script type="text/javascript">
        $(function () {

                $('#id_radio1').click(function () {
                    $('#div2').hide('fast');
                    $('#div1').show('fast');
                });
                $('#id_radio2').click(function () {
                    $('#div1').show('slow');
                    $('#div2').show('fast');
                });
                $('#id_radio3').click(function () {
                    $('#div1').hide('fast');
                    $('#div2').hide('fast');
                });     

                wall.refresh();                                     
        }); 
    </script>           

    <script type="text/javascript">

        var colour = [
            "rgb(142, 68, 173)",
            "rgb(243, 156, 18)",
            "rgb(135, 0, 0)",
            "rgb(211, 84, 0)",
            "rgb(0, 106, 63)",
            "rgb(192, 57, 43)",
            "rgb(39, 174, 96)",
            "rgb(41, 128, 185)"
        ];

        $(".brick").each(function() {
            this.style.backgroundColor =  colour[colour.length * Math.random() << 0];
        });

        $(function() {
            var wall = new freewall("#freewall");

            wall.reset({
                selector: '.brick',
                animate: true,
                cellW: 160,
                cellH: 160,
                onResize: function() {
                    wall.fitWidth();
                }
            }); 
            wall.addCustomEvent('onBlockLoad', function(setting){
                console.log(setting);
            });

            wall.fitWidth();

        });

    </script>       

$（函数（）{
$（'#id_radio1'）。单击（函数（）{
$（'#div2'）。隐藏（'fast'）；
$（'div1'）。show（'fast'）；
});
$（'#id_radio2'）。单击（函数（）{
$（'div1'）。show（'slow'）；
$（'div2'）。show（'fast'）；
});
$（'#id_radio3'）。单击（函数（）{
$（'#div1'）。隐藏（'fast'）；
$（'#div2'）。隐藏（'fast'）；
});     
wall.refresh（）；
}); 
变量颜色=[
“rgb（142、68、173）”，
"研资局(243,156,18),，
“rgb（135,0,0）”，
“rgb（211，84，0）”，
“rgb（0，106，63）”，
“rgb（192,57,43）”，
“rgb（3917496）”，
rgb（41128185）
];
$（“.brick”）。每个（函数（）{
this.style.backgroundColor=color[color.length*Math.random（）我有一个错误：
uncaughtreferenceerror:wall未定义
我想如果你移动第一个
$（function（）{
函数之后
wall.fitWidth（）
所有工作感谢您的回答，但它不起作用。未捕获的引用错误现在已消失，但show hide div的函数不起作用。我已设置了JSFIDLE；