I have a menu from Monday to Saturday, and I need to expose it by the week.
I have a menu from Monday to Saturday, and I need to expose it by the week.
$( document ).ready(function() {
var d = new Date();
//retorna um numero de 0 (domingo) a 6 (sabado)
var n = d.getDay() ;
//mostra a div com id igual ao numero correspondente ao dia da semana dado acima
$("#"+n).show();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divid="0" style="display:none;">
<h3>Cardápio domingo</h3>
<p>Churrasco regado a cerveja R$2,50</p>
</div>
<div id="1" style="display:none;">
<h3>Cardápio segunda-feira</h3>
<p>Sopão R$0,50</p>
</div>
<div id="2" style="display:none">
<h3>Cardápio terça-feira</h3>
<p>Feijoada completa R$2,10</p>
</div>
<div id="3" style="display:none">
<h3>Cardápio quarta-feira</h3>
<p>Rodizio de massas e pizzas R$2,00</p>
</div>
<div id="4" style="display:none">
<h3>Cardápio quinta-feira</h3>
<p>Frutos do mar R$2,05</p>
</div>
<div id="5" style="display:none">
<h3>Cardápio sexta-feira</h3>
<p>Bacalhau a sua moda R$3,50</p>
</div>
<div id="6" style="display:none">
<h3>Cardápio sabado</h3>
<p>Pão e água R$455,50</p>
</div>