javascript - confirm() ボックスを表示する前に addClass() がレンダリングされることを確認することは可能ですか?

Question

次のコードでは、addClass がレンダリングされる前に確認ボックスが表示されます (つまり、Safari 6.0.5)。confirm() ボックスを表示する前に addClass() がレンダリングされることを確認することは可能ですか?

<style type="text/css">
.preview    { background-color: #eee;width:100;height:100;color:red; }
.preview_s  { border:3px solid blue;}
</style>

<script type="text/javascript">
function test(i) 
{
    $("#testdiv"+i).addClass('preview_s');
    if (confirm('border not blue and checkmark not visible on some browsers until after choice is made'))
    {
        // Do confirmed thing here
    } else {
        // Abort
    }
}
</script>

<form id="testform">
<div class="preview" id="testdiv1">test1</div>
<input type="checkbox" onclick="test(1);">
<div class="preview" id="testdiv2">test2</div>
<input type="checkbox" onclick="test(2);">
</form>