Açıklama Açıklama div divual

Question

tıklatında olun Şu anda resim önizlemelerinin gösterildiği 3 resim div ve üç açıklama div'sı vardır. col-md-4 product-quickview bir tıklama ile görüntü önizleme açıklama div içinde gösterilir.

HTML'mde 3 tane resim açıklaması div'im yok, çünkü o anda yalnızca bir resim göstermedim. Bir dinamik,

Working jsfiddle

$('.descriptions .panel').hide(); 
$('#grid .product-quickview').click(function(){ 
    var idx = $(this).parents('.col-md-3').index(); 
    var row = $(this).parents('.col-md-3').parent().next('.row'); 
    $('#grid img').removeClass('highlight'); 
    $(this).addClass('highlight'); 
    //$('.descriptions .panel').hide(); 
    row.find('.descriptions .panel').eq(idx).toggle("slow","swing"); 
}); 

yüzden elde etmek çalışıyorum etkisi 3 sabit kodlanmış açıklama div'leri kaldırmak ve bir dinamik olarak doldurulan div ile değiştirmektir jQuery kodu ile doldurulan tabanlı wan't görüntü önizleme tıklayın.

Ek bilgiye ihtiyacınız olursa lütfen bize bildirin.

Answer 1

Aradığım işlevsellik konusunda çok net olmayabilirim. Bu versiyonda, şu anda görüntülediğiniz görüntü/desc için sadece bir alan var. Sadece ilk kez açılır, ardından sadece tıklamalara göre değişir. Görüntü açıklaması, tıklanan görüntüde bir data-desc veri etiketindedir.

Working jsFiddle