I'm currently attempting to utilize a jquery plugin called ancensor.
If you're interested, the plugin page can be found here
My code snippet looks something like this:
<nav class='navbar navbar-default' role='navigation '>
<ul class='alinks list-inline links-to-floor'>
<li class="list-group-item"><a href='#' class="ascensorLink ascensorLink1">test1</a></li>
<li class="list-group-item"><a href='#' class="ascensorLink ascensorLink2" >test2</a></li>
<li class="list-group-item"><a href='#' class="ascensorLink ascensorLink3">test3</a></li>
<li class="list-group-item"><a href='#' class="ascensorLink ascensorLink4">test4</a></li>
<li class="list-group-item"><a href='#' class="ascensorLink ascensorLink5">test5</a></li>
</ul>
</nav>
<div id='ascensorBuilding'>
<div class='ascensorFloor1' style=''>
test here
</div>
<div class='ascensorFloor2' style='height:1200px; width:1000px; background-color:red;'>
blog hree oooo
</div>
<div class='ascensorFloor3' style='height:1200px; width:1000px; background-color:red;'>
aaagg
</div>
<div class='ascensorFloor4' style='height:1200px; width:1000px; background-color:red;'>
dddd
</div>
<div class='ascensorFloor5' style='height:1200px; width:1000px; background-color:red;'>
ddd
</div>
<script src="/lib/jquery-1.8.0.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="/lib/jquery.ascensor.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script>
$(function() {
$('#ascensorBuilding').ascensor({
AscensorName: 'ascensor',
AscensorFloorName: '1.0 | 1.1 | 1.3 | 4.3 | 5.4 | 5.5 | 5.6 | 7.6 | 8.6 | 8.7 | 8.8 | 8.9 | 10.2',
Time: 9000,
WindowsOn: 1,
Direction: "chocolate",
AscensorMap: '1|1 & 2|1 & 3|1 & 3|2 & 3|3 & 4|3 & 5|3 & 3|4 & 3|5 & 4|5 & 5|5 & 6|5 & 3|6',
Easing: 'easeInOutQuad',
KeyNavigation: true,
Queued: false,
QueuedDirection: "y"
})
});
</script>
Despite following the instructions on the plugin page, I am still unable to get it functioning properly. Any assistance would be greatly appreciated! Thank you!