развернуть свернуть фон свопа по клику - PullRequest
Новая
       27

развернуть свернуть фон свопа по клику

0 голосов
/ 10 декабря 2011

Мне нужен jquery или css, только если это возможно, чтобы поменять местами фон, чтобы сделать кнопку разворачивания развернутой. 

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

CSS 

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

При клике "parrent" фон должен находиться между expand.png и collapse.png.

Thanx

1 Ответ

0 голосов
/ 10 декабря 2011

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");
    });
});

Ссылка на пример: http://jsfiddle.net/TPAXz/

...