Mostrar varios divs de mesma id

[Jackson Junior 1]

Ola pessoa..

 

Gostaria de saber se eh possivel mostrar varios divs de mesma id, fazendo teste nao consegui.

 

Gostaria de fazer assim:

 

<div id="opcao1" class="opcoes"><a href="javascript:mostra('prato');">CHURRASCOS COMPLETOS</a>	<div id="prato" name="prato1" style="display:none;" class="pratos">checkbox</div>	<div id="prato" name="prato2" style="display:none;" class="pratos">checkbox</div></div>

Ao clicar no nome churrascos completos, ele mostraria (ou esconderia) as divs de mesma id, no caso prato. Escolheria o prato atraves do checkbox, e quando clicasse no checkbox deixaria sempre visivel, a div q estivesse com o checkbox marcado... mesmo clicando novamente no nome churrascos e escondendo as divs.. como fazer isso..??

 

 

Obg pela atencao...

[Suissa 1]

rapaz mas faz isso usando a classe em vez do id

segue com id iagual ol nome e a classe smepre a mesma

esse eh o jeito correto

 

p/ qm usa jquery seria como

 

$(".classe").hide()$(".classe").show()

não entendi mto o seu esquema poderia postar a pagina de teste??

[Jackson Junior 1]

e ae Suissa, beleza?

 

o link abaixo eh do rascunho do q irei fazer

 

Rascunho da Pagina

 

 

Assim:

 

o nome Churrascos Completos mostra ou esconde a div prato;

Ao clicar nele, eh pra mostrar as divs com a mesma id q seriam varias opcoes de pratos;

Quando escolhesse o prato no checkbox, deixaria visivel permanente a div selecinada, mesmo clicando no nome churrasco pra esconder todas as divs de mesmo nome, indicando que daquela opcao, no caso Churrascos Completos, o cliente escolheu aquele prato. Deu pra entender??

 

 

Estou tentando fazer um delivery pra um restaurante.. eta coisa dificil..

 

Valew!!!!!