jquery queuing?
jquery queuing?
I have this code
-
$.each(data,function(id, name){
$clickedLink.parent().parent().find('select').append('<option value="' + id + '">' + name + '')
.parent().parent()
.css('display', 'block')
.animate({
'height': height + 'px'
} , {duration: 'fast', queue: false})
.animate({
'width': width + 'px'
} , {duration: 'fast', queue: false})
.find('div').css('display','block');
});
html structure
-
<div id="popup">
<div id="popupContent">
<span>Please select a size:</span>
<select class="optionList" name="optionSelect">
</select>
<input type="submit" value="confirm!" />
</div>
</div>
What I want is the div called popupContent to only display block when the popup div has finished sliding to its full size of the values.
How can I queue this event
Thanks!!