Hello guys. I have the following case. I am using Twitter Bootstrap.
I have a simple boxes that consist of an image. I want when the box is
clicked the image to come up with an html below it. Okay. I achieve that
but I gain only a text directly added into the element. But let's
say I decide to create a table inside this element and may be create
another elements like h2,h3,h4,p,div,table. I want to display them all
but only when the modal dialog is fired. Here is what I have. I need
your help to achieve that. I am not so familiar with Jquery and this
took me an 1 week of thinking.
$(function () {
$('.pop').on('click', function () {
$('.imagepreview').attr('src',
$(this).find('img').attr('src'));
$('.info').html($(this).children('.brand-info').text());
$('#imagemodal').modal('show');
});
});
Thanks in advance!