|02-20-2012, 12:57 PM||#1|
Join Date: Feb 2012
spry panel tab w/ link, no hover effect?
I am using an accordion panel navigation for a catalog where I have main categories (AccordionPanelTabs) and sub categories for each (AccordionPanelContent).
By having something like this:
<div id="Accordion1" class="Accordion" tabindex="0">
<a href="catalogo_mobiliario.html" onclick="window.location=this.href;return false;"><div class="AccordionPanelTab">MOBILIÁRIO</div></a>
I was able to go to a different category when clicking on its tab, instead of opening the sub-category menu which would leave me on the same page until I chose a sub-category.
The problem is, after the PanelTabs got links they lost their panel tab hover effect (the background color should change and it no longer does). And even with a pseudo-class for these links, I can't get the text color and background to change on hover.
This is disappointing because navigation becomes unclear and uninteresting.