http://demo13.ocjoy.com/ On this site this problem is solved, but I can not understand anyway how!
There are two links
A1 and A2
How to do so if
- for a2, just a1 had 1 backround,
- at a2.active, a1 had a completely different backround
There is a menu of categories in the online Store
The script is responsible for the deployment of subcategories when you click
$(document).ready(function(){$('.sliEsq').click(function(){$(this).parent().children('.sliesQ').toggle('fast');return false;});}); The script is responsible for changing the image (+) to the image (-) when pressed, the image is assigned via the background in CSS
$(document).ready(function(){ $('.sliEsq').on('click', function(){$( this ).toggleClass( "open" );});}); Actually reference code a1 and a2 respectively
<a title="Развернуть" style=" margin-top:0px; margin-left:-14px; width:11px; height:11px; float:left;" href="javascript://" class="sliEsq"></a> <a style="margin-bottom: 10px;" href="<?php echo $child['href']; ?>"> <?php echo $child['name']; ?></a> Now the essence of the problem, when moving to a category, automatically expands the subcategories, which, as it were, become open. but the picture remains (+), respectively, if you press minimize, the picture becomes (-). \ Those for the active category with the expanded subcategories should have a picture (-), but no.
CMS OPENCART
When moving to a category, automatic subcategory disclosure is responsible
.box-category > ul > li a.active + ul {display: block} 
