Я использую следующий скрипт, чтобы показать другой фон в зависимости от состояния div.Jquery click only work once on toggle
Когда он не расширен, он показывает знак «плюс (+)», а при его расширении он не имеет фонового изображения (ничего не показывает).
Проблема в том, что работает только один раз, и я не знаю почему.
Вот код:
EDIT (добавлен HTML)!
HTML:
<body>
<section>
<div class="wrapper wf">
<ul id="Parks" class="just">
<!--------------- PRODUCT -->
<li class="mix" href="#therapy_vital" >
<div class="meta name">
<div class="img_wrapper">
<img src="images/spa/masaje/.jpg" onload="imgLoaded(this)"/>
</div>
<div class="titles">
<h2>TITLE</h2>
</div>
</div>
<!-- Expand -->
<div href="#therapy_vital" class="nav-toggle"></div>
<div id="therapy_vital" style="display:none">
<article class="ac-small">
SUBCONTENT<br><br><br><br><br><br><br><br><br><br><br><br>
</article>
</div>
</li>
<!--------------- PRODUCT -->
<li class="mix" href="#therapy_natur" >
<div class="meta name">
<div class="img_wrapper">
<img src="images/spa/masaje/.jpg" onload="imgLoaded(this)"/>
</div>
<div class="titles">
<h2>TITLE</h2>
</div>
</div>
<!-- Expand -->
<div href="#therapy_natur" class="nav-toggle"></div>
<div id="therapy_natur" style="display:none">
<article class="ac-small">
SUBCONTENT<br><br><br><br><br><br><br><br><br><br><br><br>
</article>
</div>
</li>
</ul>
</div>
</section>
</body>
JS:
$(document).ready(function() {
$('.meta').click(function() {
$(this).css('background', 'none');
});
$('.mix').click(function() {
var collapse_content_selector = $(this).attr('href');
var toggle = $(this);
$('.meta').click(function() {
$(this).css('background', 'url(images/arrow_down.png) no-repeat scroll 95% 97% transparent');
});
$(collapse_content_selector).toggle(function() {});
});
});
(Значение .mix делает Div расширяется, а класс переключиться на другой фон .meta).
Любой ключ?
EDIT2 (Live пример)
http://anubisfiles.com/test/test.html
(Due Я не очень знаком с jsFiddle, я предпочитаю, чтобы показать вам, что это размещается на веб-сайте).
Спасибо!
создать скрипку или отправить вам HTML тоже – SarathSprakash
у вас есть два поручения нажмите на .meta, один при загрузке документа и один, если щелкнуть .mix. Если .meta находится внутри .mix или наоборот, вы можете отменить событие барботажа с помощью e.stopPropagation() – mplungjan
Live Пример добавлен –