Event triggering not completing
<p>I have divs which can be toggled with an arrow anchor item. Once you click, the div shows it content or hides it (mantaining the header where the anchors and title are).</p>

<p>Next to the toggler, I have an icon which is supposed to delete the div but I wanted to make that if the dive is toggle_closed it fires the event of the toggler and open the div to see it before you decide if you are going to delete it or won't.</p>

<p>Here is my code:</p>

<pre><code>    var toggler = parentDiv.find('a.toggle');
                    if (toggler.hasClass('toggle_closed'))
                        toggler.trigger('click',function(){

                        });
                    var option = parentDiv.find('input[name="tag"]').val();

                    var textConfirm = 'Are you sure you want to delete the "'+option+'"?';
                    if (confirm(textConfirm)){
do something;
}
</code></pre>

<p>The problem is that, when I click the delete button it fires the event, so the arrow changes but it doesn't show the div but ask for confirmation. If you cancel, the div is shown so I think I need to wait it to end the event.</p>
