2016-07-25 6 views
-1

Я пытаюсь создать всплывающее окно на своем веб-сайте, но не знаю, как добавить дополнительный #youtube-popup div в следующий скрипт.Добавить еще один div в скрипт

function div_show() { 
    document.getElementById('abc').style.display = "block"; 
} 

function deselect(e) { 
    $('.pop').slideFadeToggle(function() { 
e.removeClass('selected'); 
    }); 
} 

$(function() { 
    $('#youtube').on('click', function() { 
if ($(this).hasClass('selected')) { 
    deselect($(this)); 
} else { 
    $(this).addClass('selected'); 
    $('.pop').slideFadeToggle(); 
} 
return false; 
    }); 

    $('.close').on('click', function() { 
deselect($('#youtube')); 
return false; 
    }); 
}); 

$.fn.slideFadeToggle = function(easing, callback) { 
    return this.animate({ 
opacity: 'toggle' 
    }, 'fast', easing, callback); 
}; 

Любая помощь будет принята с благодарностью. Спасибо

Также, если вы знаете, как удалить анимацию затухания, пожалуйста, дайте мне знать.

+0

Не могли бы вы добавить некоторые HTML, пожалуйста? Или, может быть, скрипка – Jorrex

+0

Что вы пробовали? – vaso123

ответ

1

Чтобы связать событие с несколькими элементами, используйте базовый селектор css selector1, selector2.

Для удаления анимации затухания просто измените функцию от slideFadeToggle до slideToggle.

Здесь раздели и фиксированный код, чтобы применить для нескольких элементов:

function deselect(e) { 
    $('.pop').slideToggle('normal', function() { 
    e.removeClass('selected'); 
    }); 
} 

$(function() { 
    $('#youtube, #youtube-popup').on('click', function() { 
    if ($(this).hasClass('selected')) { 
     deselect($(this)); 
    } else { 
     $(this).addClass('selected'); 
     $('.pop').slideToggle(); 
    } 

    return false; 
    }); 

    $('.close').on('click', function() { 
    deselect($(this).closest('#youtube, #youtube-popup')); // I assume .close is inside popup and you want only paret to be closed. 

    return false; 
    }); 
}); 
Смежные вопросы