<div class="page old_fullfixed">
<article>
<header style="background-image:url(/uploads/5229ece49ce71.jpg);">
</header>
<div class="main">
<p id="toggle">
<a href="#">Hide text</a>
</p>
<script type="text/javascript">
$(document).ready(function() {
BN.registerPlugin('showHide', function(){
if ($('body').hasClass('concentrix')) {
return;
}
$('p#toggle').hide();
var postionLink = function() {
$('p#toggle').hide();
window.setTimeout(function() {
var top = ( $('.intro h1').length ) ?
~~($('.intro h1').offset().top) : 70;
var h = $('p#toggle').height();
$('p#toggle').css('top', top - h);
$('p#toggle').fadeIn('fast');
}, 1000);
};
$(window).resize(function() {
postionLink();
});
postionLink();
// $('p#toggle').show();
$('p#toggle a').bind('click', function() {
$('.toggleContent').toggle('slow', function(){
var text = ( $(this).is(':visible') ) ?
'Hide Text' :
'Show Text';
if ($(this).is(':visible')) {
$('p#toggle a').text('Hide Text')
.removeClass('hidden')
.addClass('invisible');
postionLink();
} else {
$('p#toggle a').text('Show Text')
.removeClass('invisible')
.addClass('hidden');
}
});
return false;
});
});
});
</script>
<div class="intro toggleContent">
<h1><span>Landmark Attractions</span></h1>
</div>
<div class="container toggleContent">
<p class="summary">Belfast has a number of globally recognised iconic landmarks including Titanic Belfast, belfast City Hall and our famous Harland and Wolfe Cranes.</p>
<p class="byline">
</p>
<p>
<img src="/uploads/5229ebeaa1306.jpg">
</p>
<p>
<strong>Titanic Belfast</strong>
</p>
<p>
<img src="/uploads/5229ec0573ffa.jpg" style="opacity: 1; ">
</p>
<p>
<strong>Belfast Waterfront Hall</strong>
</p>
<p>
<img src="/uploads/5229ec1e37ab5.jpg" style="opacity: 1; ">
</p>
<p>
<strong>Lagan Weir</strong>
</p>
<p>
<img src="/uploads/5229ec3123ccc.jpg">
</p>
<p>
<strong>Harland and Wlofe Cranes</strong>
</p>
<p>
<img src="/uploads/5229ec4574bcd.jpg">
</p>
<p>
<strong>Belfast City Hall</strong>
</p>
</div>
</div><!-- main-->
</article>
</div><!-- /page-->