Swapping div contents with jQuery

Question

Here's my HTML: ```

The interior

A bedroom

``` Upon clicking a `div.small`, I'd like both the images and captions to swap container divs. The catch is I can't just swap the src, as there are a bunch of inline styles set which need to be preserved. Finally, once the images have been swapped, I want to apply my custom function `.fitToParent()` to both of them. How would I go about doing this?

Accepted Answer

```
$(document).ready(function() {
    $('div.small').click(function() {
        var bigHtml = $('div.large').html();
        var smallHtml = $(this).html();

$('div.large').html(smallHtml);
        $('div.small').html(bigHtml);

//custom functions?
    });
});
```

Swapping div contents with jQuery

Solution

Problem

Related problems