[Фоныч]

Добрый день.

Подскажите пожалуйста, в чем может быть ошибка.
Я беру код для dialog`а

<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script>

<div id="dialog" title="Basic dialog">
<p>тут тело диалога</p>
</div>
<button id="opener">Open Dialog</button>

Когда я переделываю этот код, чтобы он работал с разными кнопками, при нажатии на которые выводились бы разные сообщения, то у меня получается следующий код:

<script>
        function clickButton(idButton, idDiv) {
            $(idButton).click(function () {
                $(idDiv).dialog("open");
            });
        }
    </script>
    
    <script>
        $(function () {
            $(".image").dialog({
                autoOpen: false,
                width: "auto",
                show: {
                    effect: "blind",
                    duration: 1000
                },
                hide: {
                    effect: "blind",
                    duration: 1000
                }
            });
        });
    </script>

Вопрос в следующем: после загрузки страницы диалог открывается только при втором нажатии на кнопку. Если его потом закрыть и нажать на кнопку вновь, в этот раз диалог открывается с первого нажатия. Из-за чего это происходит?