<ul class="list-group" id="myTabs">
<a href="#" class="list-group-item">Создание</a>
<ul>
<li><a data-toggle="tab" href="#KK1">КК</a></li>
<li><a data-toggle="tab" href="#gugf1">ГУ/ГФ</a></li>
</ul>
</ul><div class="tab-content">
<div class="col-md-9">
<div id="KK1" class="panel panel-default tab-pane fade in active"><div class="col-md-9">
<div class="tab-content">
<div id="KK1" class="panel panel-default tab-pane fade in active">
</div>
<div id="gugf1" class="panel panel-default tab-pane fade">
</div>
</div>// Example with single object
$('#some-button').magnificPopup({
items: {
src: 'path-to-image-1.jpg'
},
type: 'image' // this is default type
});
// Example with multiple objects
$('#some-button').magnificPopup({
items: [
{
src: 'path-to-image-1.jpg'
},
{
src: 'http://vimeo.com/123123',
type: 'iframe' // this overrides default type
},
{
src: $('<div>Dynamically created element</div>'), // Dynamically created element
type: 'inline'
},
{
src: '<div>HTML string</div>',
type: 'inline'
},
{
src: '#my-popup', // CSS selector of an element on page that should be used as a popup
type: 'inline'
}
],
gallery: {
enabled: true
},
type: 'image' // this is default type
});