Модальное окно два в одном проблема

[wieppir]

Подскажите вопрос не по престе,создал вызов модальное окно в нем iftame  все работает отлично создал второй в нем другой iframe ,но вызывается и тот предыдущий, фрейм и новый ,получается два в одном модульном окне при разных кнопках как можнл отвязать друг от друга ??

[DarinSr]

Переключать видимости на js добавить. Разные ид присвоить блокам. Не класс, а ид.

[wieppir]

Переключать видимости на js добавить. Разные ид присвоить блокам. Не класс, а ид.

Скажите,я примерно так и предсталял но додумать не получается ,там надо добавить id который будет использоваться ,или еще как то не понимаю как переключить видимости!?

[Adik]

Код: [Выделить]

$('#myButton').click(function() {
$('#myblock').toggle();
 
        if ($('#myblock').is(':visible')) {
                $(this).val('Спрятать!');
        } else {
        $(this).val('показать!');
        }
});

[wieppir]

Код: [Выделить]

$('#myButton').click(function() {
$('#myblock').toggle();
 
        if ($('#myblock').is(':visible')) {
                $(this).val('Спрятать!');
        } else {
        $(this).val('показать!');
        }
});

Извеняюсь за навящивость  как к этому коду привязать id!?

[Adik]

К кнопке модального окна.

[wieppir]

Вот посмотрите нашел и другой код не получается

Код: [Выделить]

<div class="col_full clearfix">

                        <div class="fancy-title title-dotted-border">
                            <h3>Интернет магазин,Зачем,Как и Почему</h3>
                        </div>

          <img src="images/mac.png" class="alignright notopmargin pulse animated" alt="Image" title="Image" data-animate="pulse"><p style="font-size: 14px; line-height: 22px;"> Если Вы хотите разместить на сайте информацию о деятельности своей фирмы, предлагаемых товарах или услугах с их описанием, ценами и прайс-листами,  указать Ваши контактные данные, часы работы и адрес, то Вам достаточно сайта-визитки.<strong> Сайт-визитка</strong> - это самый простой, недорогой вариант Вашего представительства в  интернете, который, при грамотном подходе, сможет стать дополнительным постоянным источником привлечения Ваших клиентов.
          Если Вы хотите осуществлять продажи непосредственно с сайта без своего участия, то Вам нужен <strong>Интернет-магазин</strong>. Интернет-магазин отличается от сайта-визитки наличием автоматической системы приема платежей и обработки заказов. В случае создания интернет-магазина нужно учесть, что Вам придется подключаться к какой-то одной или нескольким платежным системам, которые будут брать оговоренный процент от каждого осуществляемого платежа.

          <strong>Создание интернет магазина </strong>- это гораздо более дорогой вариант Вашего интернет-присутствия. Также, он требует больше времени на свое сопровождение - нужно регулярно добавлять новые товарные позиции и удалять уже не актуальные.!</p>
 <h4>Посмотреть видео</h4>

                        <!-- Large modal -->
                        <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Поехали</button>
          <div class="line"></div>

                       
<style>
   iframe{
    box-shadow: 7px 7px 5px rgba(0,0,0,0.6); /* Тень */
    padding: 10px; /* Поля вокруг текста */
    border-radius: 10px; /* Радиус скругления */
    background: #eeece0; /* Цвет фона */
   }
  </style>
                        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-body">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel">Зачем нужен Интернет-магазин</h4>
                                        </div>
                                        <div class="modal-body">
                                         <center><iframe width="800" height="600" src="https://www.youtube.com/embed/jaTeRUlkxow" frameborder="0" allowfullscreen></iframe></center>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

</article>

</div></section>

</div>

[wieppir]

скрипт на части оправил не влез чтоб не спамить удалю!!

[wieppir]

вот здесь только про кнопку вызова

Код: [Выделить]

!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t|