Boa tarde galera, tudo bem?
Então, eu to precisando de uma ajudinha pra fazer esse código funcionar.
Eu basicamente preciso que quando esteja na pagina "body" e que a classe da pagina seja "cursos" a div apareça, e quando não for ela não precisa aparecer.
Eu escrevi esse código que chega a funcionar no console do googleChrome, mas quando eu tento colocar ele direto no site não funciona... alguém pode me dar uma luz sobre isso?
eu tentei fazer de duas formas diferentes e nenhum deu certo
// Confere se tem a categoria no body e retorna um valor
var corpo = window.document.querySelectorAll("body.category-cursos").length;
// verifica se o valor é suficiente para a div aparecer
if (corpo >= 1) {
$('minhaDiv').show();
} else if (corpo == 0) {
$('minhaDiv').hide();
}
<body class="curso">
<div id="minhaDiv" class="col-sm-12">
<h1>TESTE</h1>
</div>
</body>
var corpo = window.document.querySelectorAll("body.cursos").length;
var some = window.document.querySelectorAll("div.minhaDiv");
if (corpo >= 1) {
some.style.display = 'block'
} else if (corpo == 0) {
some.style.display = 'none'
}
<body class="curso">
<div id="minhaDiv" class="col-sm-12">
<h1>TESTE</h1>
</div>
</body>