<div class="page old_fullfixed">
<article>
<header style="background-image:url(/uploads/53c93bb21407a.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>Holywood</span></h1>
</div>
<div class="container toggleContent">
<p class="summary"></p>
<p class="byline">
</p>
<p>Our Holywood salon is delighted to introduce a new staff member.</p><p>Leza Drummond is a well known barber within Holywood and is now taking appointments at our Holywood salon.</p><p><img src="/uploads/53c94410b7338.jpg"></p>
</div>
</div><!-- main-->
</article>
</div><!-- /page-->