Skip to main content
adicionou 652 caracteres ao conteúdo
Fonte Link
Caio
  • 3
  • 3

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>

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 google, mas quando eu tento colocar ele direto no site não funciona... alguém pode me dar uma luz sobre isso?

var corpo = window.document.querySelectorAll("body.category-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>

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 Chrome, 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.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>

Fonte Link
Caio
  • 3
  • 3

Codigo de JS para dar $('id').hide() e $('id').show()

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 google, mas quando eu tento colocar ele direto no site não funciona... alguém pode me dar uma luz sobre isso?

var corpo = window.document.querySelectorAll("body.category-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>