Quantcast

open new shadowbox after original closes

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

open new shadowbox after original closes

Lee Jones
What I am developing is a series of options that relate to another series of options.
The first shadowbox opens and reveals a new set of buttons, and this is what I am trying to do next.
Basically on click of a button in shadowbox, it closes the one its in, opens up a new shadowbox with a new set of options, but I cant get it to work, but I thin it maybe a bit to basic as my code below will demonstrate, so could really do with some help.

<div class="box1"><div class="circle">Moorgate Ticket Hall</div></div>

<div id="sbdiv" style="display: none;">
<div id="box">

Moorgate Ticket Hall

<div id="navcontainer">
<ul id="navlist">
<li>Roof level</li>
<li>Ground floor – 114</li>
<li>Level - 1 108.1</li>
<li>High walk escalator</li>
<li>Escalator ES5 (upper)</li>
</ul>
</div>
</div>
</div>
<div id="sbdivRoof" style="display: none;">
<div id="box">

Roof Level

<div id="navcontainer">
<ul id="navlist">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</div>
</div>

<script> Shadowbox.init({ skipSetup: true }); $('.btn').click(function() { var content = $('#sbdiv').html(); Shadowbox.open({ content: content, player: 'html', /*title: "Hi",*/ displayNav: false, height: 600, width: 700 }); }); $('.btnRoof').click(function() { Shadowbox.close(); var content = $('#sbdivRoof').html(); Shadowbox.open({ content: content, player: 'html', /*title: "Hi",*/ displayNav: false, height: 600, width: 700 }); }); </script>
Loading...