Question

Buenas!

Podrían ayudarme con la siguiente cuestión?

Tengo una tabla de precios con 3 paquetes y necesito que cuando el usuario seleccione un paquete los otros dos desaparezcan.

Digamos que estos son mi tres divs, cada uno con un <a></a>

<div class="plan-basico">

<a href="#">Elegir paquete</a>
</div>

<div class="plan-pro">

<a href="#">Elegir paquete</a>
</div>

<div class="plan-premium">

<a href="#">Elegir paquete</a>
</div>

He estado googleando un poco pero lo hacen con selects, como podria hacer para que digamos, seleccionan el plan basico y premium y pro desaparecen y asi segun el paquete.

Agradezco su atención

Saludos!

Answer 1

EJEMPLO BÁSICO

HTML

   <div id="all">ver todos </div>
    <div id="div1" class="myDivs">Básico </div>
    <div id="div2" class="myDivs">Pro </div>
    <div id="div3" class="myDivs">Premium </div>

CSS

div { border: 1px solid blue; width: 50px; height:20px; margin: 5px; }

JS

$(function() {
    $('.myDivs').click(function() {
        $('.myDivs').not(this).hide();
    });

    $('#all').click(function() {
        $('.myDivs').show();
    });
});

Hay demasiados ejemplos en Internet, no se porque dices que no has encontrado.