Skip to main content
Se mejoro el ejemplo
Origen Enlace

Lo que tiene que hacer para mostrar tu producto es usar el selector $() tal como lo estabas haciendo solo que cuando recuperes el id lo concatenas con # como en el ejemplo.

$(".div-show").click(function Show() {
  $(".hide").hide();
  var id = $("#test"this).attr("href");
  $("#" + id).show();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input
<div id="test"href="myId1" type="hidden"class="div-show">
 href="myId"> <label>Mostrar Mensaje 1</label>
<div id="myId" <label id="myId1" class="hide" style="display:none;">none;">Estoy Oculto 1</label>
</div>
<div href="myId2" <label>Estoyclass="div-show">
 Oculto< <label>Mostrar Mensaje 1</label>
  <label id="myId2" class="hide" style="display:none;">Estoy Oculto 2</label>
</div>
<button<div onclick="Show()">Mostrarhref="myId3" Div<class="div-show">
  <label>Mostrar Mensaje 1</button>label>
  <label id="myId3" class="hide" style="display:none;">Estoy Oculto 3</label>
</div>

Lo que tiene que hacer para mostrar tu producto es usar el selector $() tal como lo estabas haciendo solo que cuando recuperes el id lo concatenas con # como en el ejemplo.

function Show() {
  var id = $("#test").attr("href");
  $("#" + id).show();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input id="test" type="hidden" href="myId">
<div id="myId" style="display:none;">
  <label>Estoy Oculto</label>
</div>
<button onclick="Show()">Mostrar Div</button>

Lo que tiene que hacer para mostrar tu producto es usar el selector $() tal como lo estabas haciendo solo que cuando recuperes el id lo concatenas con # como en el ejemplo.

$(".div-show").click(function() {
  $(".hide").hide();
  var id = $(this).attr("href");
  $("#" + id).show();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div href="myId1" class="div-show">
  <label>Mostrar Mensaje 1</label>
  <label id="myId1" class="hide" style="display:none;">Estoy Oculto 1</label>
</div>
<div href="myId2" class="div-show">
  <label>Mostrar Mensaje 1</label>
  <label id="myId2" class="hide" style="display:none;">Estoy Oculto 2</label>
</div>
<div href="myId3" class="div-show">
  <label>Mostrar Mensaje 1</label>
  <label id="myId3" class="hide" style="display:none;">Estoy Oculto 3</label>
</div>

Origen Enlace

Lo que tiene que hacer para mostrar tu producto es usar el selector $() tal como lo estabas haciendo solo que cuando recuperes el id lo concatenas con # como en el ejemplo.

function Show() {
  var id = $("#test").attr("href");
  $("#" + id).show();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input id="test" type="hidden" href="myId">
<div id="myId" style="display:none;">
  <label>Estoy Oculto</label>
</div>
<button onclick="Show()">Mostrar Div</button>