efectos en div's diferentes con un solo li

[AjarDeNauer]

Iniciado por pzin

Código HTML:

<li data-juego="juego_de_mesa">Juego de Mesa</li>
<li data-juego="sandwichera">Sandwichera</li>
 

Código Javascript:

$("li.me2").click(function(){
  grupo = $(this).data("juego")
})
 

Código HTML:

<div class="descripcion" data-descripcion="juego_de_mesa"></div>
<div class="descripcion" data-descripcion="sandwichera"></div>
 

Código Javascript:

$("li.me2").click(function(){
  grupo = $(this).data("juego")
  $("div.descripcion[data-descripcion="+grupo+"]").fadeIn()
})
 

Perfecto, me muestra los div's que se correspondien con el elemento de la lista pulsado:

Código Javascript:

$(document).ready(function(){
    
    $("li.me2").click(function(evento){
 
        var grupo = $(this).data("menu");
        $("div.descripcion[data-descripcion=" + grupo + "]").show();
        $("div.menu3[data-menu3=" + grupo +"]").show();
 
            })
})
 

Código HTML:

<ul>
    <li class="me2" data-menu="Sandwichera">Sandwichera</li>
    <li class="me2" data-menu="Juego_de_mesa">Juego de mesa</li>
</ul>
 
<div class="descripcion" data-descripcion="Sandwichera" style="display:none">En base a una sandwichera existente, estudio de mercado.. </div>
<div class="descripcion" data-descripcion="Juego_de_mesa" style="display:none">123456789</div>
 
 
<div class="menu3" data-menu3="Sandwichera" style="display:none">imagen 1imagen 1imagen 1imagen 1></div>
<div class="menu3" data-menu3="Juego_de_mesa" style="display:none">aguan a peich ajar de bore an de mor></div>
 

Gracias nuevamente