Question

I need jquery, or css only if possible,to swap background of class to make expand collapse button.

<div class="parrent">
<div class="expand_collapse"></div>
</div>

css

.expand_collapse{
background:url(/img/expand.png) 0 0 no-repeat;
}

On “parrent” click background should go between expand.png and collapse.png.

Thanx

Answer 1

HTML

<div class="parent">
    <div class="action"></div>
</div>

CSS

.parent .action {
    background:url(/img/expand.png) 0 0 no-repeat;
}
.parent .action.collapse {
    background:url(/img/collapse.png) 0 0 no-repeat;
}

jQuery

$(document).ready(function() {
    $(".parent").click(function() {
        $(this).find(".action").toggleClass("collapse");
    });
});

Link to example:
http://jsfiddle.net/TPAXz/