Show/hide content with animation in jQuery [pt-BR]

[@marcelolopes5780]

Olá, não sei se pode me ajudar, preciso colocar no meu site wordpress / elementor uma informação conforme o horário; por exemplo LOJA ABERTA (das 8 as 17 hs) e LOJA FECHADA (das 17:01 as 7:59) , agradeço desde já

[@programacaopopular]

Acesse /wp-admin e faça o login de administrador. Então procure pela página que deseja alterar e, usando o Elementor, conseguirá fazer a alteração sem mexer em nenhum código.

[@vicctorneves]

inicialmente o p está como none no css? n entendi essa parte

[@hitallo91]

Top demais, era quase oque estava procurando, a linguagem Javascript é muito completa, é necessário mt estudo pra saber tantas cosias.

[@barriguinhaTv]

Boa tarde amigao, muito boa video aula. Tenta me tirar uma duvida, o seu conteudo inicia oculto... so que o meu aqui inicia a mostra. Como eu faço pra iniciar o conteudo ja oculto tb?

[@hellmrf]

Basta, no seu css, definir um _display:block;_ para as caixas.

[@diasddc]

@@hellmrf Só corrigindo. Basta, no seu css, definir um display: none; para as caixas.

[@Dj-kd5ot]

@@diasddc ate funcionou mas o botão sumiu kkkkkkk

[@programacaopopular]

Talvez tenha colocado o botão dentro da div.

[@Dj-kd5ot]

@@programacaopopular sim tentando várias maneiras aqui e consegui consertar. Iniciante é assim mesmo quebrando a cara e aprendendo! Obrigado por compartilhar seu conhecimento ajuda bastante aprendermos programação também!

[@pedropires686]

Boas! Como posso colocar as setas lado do texto?

[@programacaopopular]

Use caracteres Unicode na frente do texto Ocultar e Mostrar, por exemplo: "► Mostrar". Você também pode manipular as propriedades :after e :before no CSS do seu elemento. Os caracteres que uso são ◄►▲▼ (você pode copiar), mas há uma lista quase infinita neste link: unicode-table.com/pt/#miscellaneous-symbols-and-arrows

[@pedropires686]

@@programacaopopular muito obrigado!! Era o que precisava! Agora tenho outro problema é que ele não muda de ocultar para mostrar ou mostrar para ocultar. Copiei 100% igual o que fizeste em

[@pedropires686]

Quando cliquei nesta caixa, ele simples muda para ocultar mas não volta para mostra quando cliquei para fechar.

[@programacaopopular]

@@pedropires686 por favor, me envie seu código (ou o trecho do script) pelo Facebook ( bit.ly/hmprog-fb )

[@Hyxxx22]

Você tem algum curso de js, jquery? Mas direito como esse video, colocando em pratica e mostrando varias funções etc?

[@programacaopopular]

Olá, não tenho. jQuery não tem sido mais muito utilizado hoje em dia, acho que um curso de React, por exemplo, encontraria melhor aplicação. Como não é algo que considero que domino (só fiz um site pessoal e uns projetos por diversão), então não pretendo gravar nada sobre por enquanto.

[@Hyxxx22]

@@programacaopopular muito bom obg

[@flaviorobertospina3788]

Boa tarde. Parabéns pelo tutorial. Estou tentando desenvolver um menu animado, onde os submenu deverão estar ocultos e ao selecionar um menu, todos os submenus serão exibidos. Para ilustrar melhoro que pretendo fazer está no site da Fundação Ayrton Senna. institutoayrtonsenna.org.br/pt-br.html# Consegue me auxiliar como devo proceder? Abraços.

[@programacaopopular]

Olá! Esse tipo de menu é comumente chamado de "dropdown menu". Dê uma olhada em catalin.red/css3-animated-dropdown-menu/.