Quitar div en funcion del ancho de pagina

[fede5426]

De la misma manera..

Teniendo esta estructura y suponiendo que uno de los divs es el slider y el otro es la imagen:

Código HTML:

<div class="rojo"></div>
<div class="verde"></div>
 

Código CSS:

div{
    width:200px;
    height:200px;
}
 
.rojo{
    background-color:red;
}
 
.verde{
    background-color:green;
    display:none;
}
 

Con media queries lo haces asi:

Código CSS:

@media screen and (max-width:600px){
    .rojo{
        display:none;
    }
    
    .verde{
        display:block;
    }
}
 

Y con jquery seria de esta manera:

Código Javascript:

$(window).resize(function() {
 
    if($(window).width() < 600){
        $("div.rojo").hide()
        $("div.verde").show()
    }
    else{
        $("div.verde").hide()
        $("div.rojo").show()
    }
    
});
 

Los colores son como ejemplo para que se vea el cambio nada mas.

http://codepen.io/fede5426/pen/vOpaJN

En el codepen están empleadas las 2 formas, apenas entres se ve con jquery, si borras ese código y quitas el comentario del css donde están las media queries vas a ver que funciona de la misma manera.

Saludos