Как открыть div в отдельном всплывающем окне (в отличие от модального окна лайтбокс)

Question

У меня есть скрытый div на моей странице.Мне было интересно, есть ли способ открыть его в отдельном окне, в отличие от лайтбокса на той же странице.Существует много способов сделать это методом лайтбокса, но, похоже, не удается найти способ сделать это в отдельном окне.Я запускаю jQuery на странице

Допустим, это div:

<style>
    #hidden {
        visibility: hidden;
    }

</style>

<div id="hidden">
    <p>I am a hidden div</p>
    <p>Hopefully i'll open up in a new window</p>
</div>

Я попробовал следующий метод в jQuery, но он просто закончил тем, что открыл ту же страницу

$(".button").click(function(){
            window.open('#yeah');
        });

Answer 1

Вы можете использовать document.write, чтобы установить содержимое вашего всплывающего окна:

var w = window.open();
w.document.write( $("#hidden").html() );
w.document.close(); //finish "loading" the page

Answer 2

Это потому, что вы используете window.open неправильно.

Смотрите здесь: https://developer.mozilla.org/en/DOM/window.open

var windowObjectReference;
var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes";

function openRequestedPopup()
{
  windowObjectReference = window.open("http://www.cnn.com/", "CNN_WindowName", strWindowFeatures);
}

Answer 3

Посмотрите документацию. window.ope n ожидает URL.

Это javascript, а не функция jQuery.