Por mais trivial que pareça estou tendo dificuldades para executar esse script, o problema que tenho é o seguinte, ao entrar em uma página mostro uma div com um conteúdo selecionado de meu banco e isso está sendo feito corretamente, a partir de então o usuário tem a opção de mostrar essas informações em um Grid ou em uma Lista, criei um radio com duas opções, Grid e Lista e estou tentando esconder a primeira div que é mostrada ao entrar na página quando uma dessas opções forem selecionadas. O que fiz até o momento é isso:
$(window).load(function(){ $(':radio').change(function (event) { var id = $(this).data('id'); $('#' + id).addClass('none').siblings().removeClass('none'); if ((id == "lista") || (id == "grid")) { document.getElementById('geral').style.display="none"; } }); });
As div´s estão assim:
<div id="geral">
Geral Mostra ao entrar na página
</div>
<div id="lista" class="none">
Lista, mostra ao selecionar Lista no radio
</div>
<div id="grid" class="none">
Grid, mostra ao selecionar Lista no radio
</div>