necesito ayuda con esta función que no me esta apresentado ningun resultado. tengo un menu dentro de un modal que al hacer click en una de las opciones me muestra la div correspondiente dentro del modal. Ya he intentado con javascript pero tambien sin conseguir el resultados esperado.
$(function(){
$('#Ultimasvendas').click(function(){
var conteudo = $(this).parent().find('.conteudo');
if(!conteudo.hasclass('show')){
$('.grafico').find('.show').slideUp('fast', function(){
$(this).addclass('hide').removeclass('show');
});
conteudo.slideDown('fast', function(){
$(this).addclass('show').removeclass('hide');
});
}
});
});
<nav class="menu">
<ul>
<li>
<a href="#" id="Ultimasvendas">
<i class="fas fa-tasks fa-2x " ></i> <br>Ultimas vendas
</a>
</li>
<li>
<a href="#" id="Maisvendidas">
<i class="fas fa-plus fa-2x " ></i> <br>Mais vendidas
</a>
</li>
<li>
<a href="#" id="Cancelamentos">
<i class="fas fa-window-close fa-2x " ></i> Cancelamentos
</a>
</li>
<li>
<a href="#" id="Aconfirmar">
<i class="fas fa-pause-circle fa-2x " ></i><br> A confirmar
</a>
</li>
</ul>
El código de las divs a seguir se repita para cada etiqueta del menu
<style type="text/css">
.grafico .hide{
display: none;
}
</style>
<div class="col-md-12 grafico" >
<div class="row" >
<h1> Table 1</h1>
</div><!--grafico 1-->