Olá! Acabei de criar minha conta no stackoverflow. Tô sempre pesquisando coisas aqui e aprendendo mais sobre programação. Bom, como estou iniciando agora e entendo bem pouco de programação, comecei com um template pronto de Bootstrap (esse aqui).
Eu preciso fazer com que um botão tenha 2 ações, no caso, 2 "href". Porque? Estou fazendo (editando né, não sei programar ainda hehe) um site para documentação de algumas coisas da Empresa. Preciso que um botão do menu lateral (sidebar) tenha duas ações que seriam elas:
1° rolar a tela para baixo até o campo da sessão específica da documentação; 2° abra esse campo da sessão específica.
Como peguei um template pronto, estou usando uma função que achei bem bacana que é o "Collapse", então os menus ficam "escondidos" como se fosse um Spoiler, ocultando o conteúdo daquela sessão do documento.
Pra resumir bem, é rolar a tela até a sessão e abrir esse "spoiler" pra mostrar o conteúdo. Vou deixar aqui 2 links de "demonstração" de como funciona.
Eu consigo fazer um botão abrir as sessões usando href e um ID que eu dou para a div onde está escrito "Sessão 1", "Sessão 2" e etc. Exemplo:
Div:
<div id="abrirsessao"></div>
Rolar até a div:
<a class="collapse-item" href="#abrirsessao" data-toggle="collapse">Abrir Sessão</a>
Também consigo fazer a página rolar pra baixo usando o href + ID da div. Exemplo:
Div:
<div id="rolarsessao"></div>
A:
<a class="collapse-item" href="#rolarsessao">Rolar até a sessão</a>
Acredito que o problema aconteça porque existe uma div dentro da outra. Se eu conseguir atribuir 2 "href's", um para o #rolarsessao e outro para o #abrirsessao acredito que funcionaria.
Desde já agradeço quem puder ajudar (ou tentar) :D