Can someone give me an advice:

Example: I Have

```
<div id="breadCrumb" style="width:80%"></div>

```

Not I want to change this `width` to `1oo%` and get the `width` in px on `click`

```
$('#menu_toggle').on('click', function() {
    var cache = $('#breadCrumb');

    cache.css('width', "100%").promise().done(function(){   
        console.log(cache.width());
    });
});

```

But I stil get the `80%` value.

If I click again, only then I get the `100%` value in pixel

The idea was to wait until css is applied and to get the new `width` after

Someone any ideas?

Thank you for help!