I'd like to take the URL link and thereby modify the property of class flechaSubmenu
from display:none
to display:block
.
I thought of doing with CSS:
.classe a[href^="/categoria/categoria2/"] {
display:block;
}
What happens, is that the link would have to be in a div that is not the case.
In short, I want the arrow on my site to point to the current Menu where I am.
My HTML:
<li>
<a href="/pt/page/investidores">
<span>Investidores</span>
<div class="flechaSubmenu"></div>
</a>
</li>
JQuery:
$(document).ready(function(){
$("div.flechaSubMenu[href='/pt/page/investidores']").addClass("flechaI");
});
CSS:
.flechaI {display: block!important;}