0
good afternoon.
I’m trying to create a filter that displays only the content of enabled, disabled and all elements.
Example:
As in the example above, I have a select with the options (All , Active and Closed) the concept is, by clicking on all, will appear both active and closed Divs. Clicking on active will display only active and closed ones.
I couldn’t find a plugin that runs this feature, will anyone help me?
Thank you
Follows the html
<div class="filtros">
<div class="reg-title col-md-2 col-lg-2">
<p> Visualizar: </p>
</div>
<div class="reg-title col-md-3 col-lg-3">
<select id="cp-gifts">
<option value="todas">Todas</option>
<option value="ativas">Ativas</option>
<option value="encerradas">Encerradas</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<section class="div1">
<div class="row">
<div class="col-sm-12 col-md-4 col-lg-4">
<article class="col">
<div class="box-regulamento">
<h3>Promoção Ativa</h3>
<br>
<span>Validade da promoção: </span>
<p>02/01/19 a 06/03/19</p>
<br>
<a class="btn-primary button-gift" href="https://www.pontoslivelo.com.br/regulamento" target="_blank">Saiba Mais</a></div>
</article>
</div>
<div class="col-sm-12 col-md-4 col-lg-4">
<article class="col">
<div class="div2">
<h3>Promocao Encerrada</h3>
<br>
<span>Validade da promoção: </span>
<p>01/02/19 a 31/02/10</p>
<br>
<a class="btn-primary button-gift" href="https://www.pontoslivelo.com.br/regulamento" target="_blank">Saiba Mais</a></div>
</article>
</div>
</div>
</section>
</div>
What do you know about Html, Css, and Javascript? What you’ve tried?
– LeAndrade
Leandrade, I only developed the layout as an example of the image, I did using Bootstrap, but I wanted to know how to develop this dynamic that I mentioned above. I just want the way for myself to learn. Thank you
– Thiago Maia
What tools do you want to use to develop this? Html, jQuery? And post any code even if only the HTML so we can have a starting point!
– LeAndrade
I just posted the code, I would like to do this via jquery, is it possible?
– Thiago Maia