I dont know what happened my jquery menus are not working at all.......particularly the hover opacity effect is not working.....it was working 2 days ago i dont know what have i messed with.......here is the full page code.......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Niaz Memorial Children Hospital</title>
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/blockui.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script src="js/prettyPopin.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/preloadCssImages.jQuery_v5.js"></script>
<!-- Let's do the animation -->
<script type="text/javascript">
$(function() {
// set opacity to nill on page load
$("ul#menu span").css("opacity","0");
// on mouse over
$("ul#menu span").hover(function () {
// animate opacity to full
$(this).stop().animate({
opacity: 1
}, "slow");
},
// on mouse out
function () {
// animate opacity to nill
$(this).stop().animate({
opacity: 0
}, "slow");
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$.blockUI({ css: {
border: 'none',
padding: '15px',
backgroundColor: '#FFF',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .8,
color: '#FFFFF'
} });
setTimeout($.unblockUI, 1500);
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".bullet li").hover(function(){
$(this).find('span').animate({ opacity: 0 }, 300);
$(this).find('a').animate({paddingLeft:"85px"}, 300);
},function(){
$(this).find('span').animate({ opacity: 1 }, 300);
$(this).find('a').animate({paddingLeft: "70px"}, 300);
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
speed:800,
pause:3000,
prevId: 'prevBtn',
nextId: 'nextBtn',
auto: true,
continuous: true
});
});
</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPopin']:eq(0)").prettyPopin({width: 550,followScroll:false});
$("a[rel^='prettyPopin']:eq(1)").prettyPopin({width: 550,followScroll:false});
$("a[rel^='prettyPopin']:eq(2)").prettyPopin({width: 550,followScroll:false});
});
</script>
<![if !(IE 6)]>
<link rel="stylesheet" type="text/css" href="my.css" />
<![endif]>
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="myie.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="myie7.css" />
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="appoint">
<ul>
<li>For appointment:
+92-55-3856686<strong>|</strong>3859676<strong>|</strong>3846888</li>
</ul>
</div><!--appoint div close-->
<div id="navi">
<ul id="menu">
<li><a href="#" class="home"></a></li>
<li><a href="#" class="service"></a></li>
<li><a href="#" class="portfolio"></a></li>
<li><a href="#" class="contact"></a></li>
</ul>
</div><!--navigation div close-->
</div><!--header div close-->
<div id="sliderwrap">
<div id="slider">
<ul>
<li><a href="#"><img src="images/slider11.jpg" alt="2" height="303" width=
"901" /></a></li>
<li><a href="#"><img src="images/slider2.jpg" alt="3" height="303" width=
"901" /></a></li>
<li><a href="#"><img src="images/slider3.jpg" alt="3" height="303" width=
"901" /></a></li>
<li><a href="#"><img src="images/slider4.jpg" alt="3" height="303" width=
"901" /></a></li>
<li><a href="#"><img src="images/slider5.jpg" alt="3" height="303" width=
"901" /></a></li>
<li><a href="#"><img src="images/slider6.jpg" alt="3" height="303" width=
"901" /></a></li>
</ul>
</div><!--closing div for slider-->
</div> <!--closing tag for sliderwrap-->
<div id="content">
<div id="leftcol">
<p class="pimg"><img src="images/doyouknow.png" width="125" height="20" alt=
"knowme" /></p><img src="images/whitepress.gif" width="275" height="4" alt="whiteline" />
<ul class="bullet">
<li><a href="#">Our History</a></li>
<li><a href="#">Our Faculty</a></li>
<li><a href="#">Our Gallery</a></li>
<li><a href="#">Our Facilities</a></li>
</ul><br />
<p class="pimg"><img src="images/recentheadlines.png" width="151" height="17" alt=
"headlines" /></p><img src="images/whitepress.gif" width="275" height="4" alt=
"whiteline" />
<h4>Website Under construction</h4>
<p>We are currently working on our Website design. Soon our image gallery and google maps
will be uploaded. Latest images and facilities will also be viewed online.</p>
<h4>Hospital Renovation</h4>
<p>We have recently enhanced the decoration of our hospital, brought some new furniture and
comfortable chair in the waiting lounge for our patients. Other prespective of this
renovation is also cleanliness in the hospital.</p><a href="" class="readmore">Read
more</a>
</div><!--leftcolumn div close-->
<div id="rightcol">
<img class="img-rightcol" src="images/welcome.gif" width="329" height="39" alt="welcome" />
<img src="images/greypressed.gif" width="618" height="2" alt="pressed" />
<p align="justify">The <strong>Niaz Memorial Hospital</strong> (Since 1988) was set up to
cater to the burgeoning healthcare needs of the people in the region. Conceived as a centre
of medical excellence, the hospital is a multi-specialty facility offering state-of-the-art
treatment using latest technological developments in the field of
healthcare.</p><img class="img-floatright" src="images/gulzar.gif" width="200" height="160"
alt="gulzar" />
<p align="justify">Open 24 hours, this 50-bed futuristic Pediatric hospital incorporates
the most-modern facilities including high equipped Nursery, stat of art pediatric operation
theater, ICU (intensive Care Unit) Laboratory and X Rays ranging from routine to special
contrast studies, like barium Studies. Another unique facility is the Allergy Department,
which brings hope to allergic patients facing the burden of Asthma and Allergic Rhinitis
and other associated diseases. Besides precise diagnosis, the department presents the
opportunity to patients to minimize their symptoms or even be cured.</p>
<p align="justify">The Maternity and Child Care facility, with its modern Labor Rooms and a
dedicated operation theatre for emergency Caesarean Section offers excellent care to both
mother and baby in a considerate and relaxing environment, during pregnancy and
childbirth.</p>
<p align="justify">We believe in <strong><q>Prevention is better than cure.</q></strong> So
we have developed state of art Vaccination units offering world's most modern and best
vaccination schedules.</p><br />
<div>
<img src="images/greypressed.gif" width="618" height="2" alt="pressed" /> <img class=
"img-rightcol" src="images/professional.gif" width="400" height="36" alt=
"professional" />
</div>
<div class="founder">
<h1>Dr.Gulzar Ahmed</h1><img src="images/gulzar160.gif" width="160" height="128" alt=
"gulzar" />
<p align="center"><a href="ajax/gulzar.html" rel="prettyPopin">View Profile</a></p>
</div><!--closing div for founder class-->
<div class="founder">
<h1>Dr.Asim Gulzar</h1><img src="images/asim160.gif" width="160" height="128" alt=
"asim" />
<p align="center"><a href="ajax/asim.html" rel="prettyPopin">View Profile</a></p>
</div><!--closing div for founder class-->
<div class="founder">
<h1>Dr.Qasim Gulzar</h1><img src="images/qasim160.gif" width="160" height="128" alt=
"qasim" />
<p align="center"><a href="ajax/qasim.html" rel="prettyPopin">View Profile</a></p>
</div><!--closing div for founder class-->
<div id="divmessage">
<h1>A Message from Dr.Gulzar Ahmed</h1>
<p>Niaz Memorial Hospital has been serving the needs of the children of our region for
more than 25 years. We are proud of our history of delivering care that is on the cutting
edge of pediatric medicine - and our mission of making this care available to all
children.</p>
<p>While there are many fine hospitals in Gujranwala, I believe Niaz Memorial is truly
one of the finest. Patients consistently rate the quality of care they have received very
highly and say that they would use Niaz Memorial Hospital again, should they require
services.</p>
<p>Thank you for your interest in Niaz Memorial Hospital, and for visiting our Web site.
We hope the site provides all of the information you need about our Hospital, and we
invite you to contact us if you need further details, or if we can help in any way with
decisions about your child's care.</p>
<p>It is with great pride that I look to the future of Niaz Memorial Hospital and serving
the health care needs of the next generation.<br /></p>
<p>Founder & CEO</p>
<h4>Dr.Gulzar Ahmed</h4>
</div><!--closind div for message portion-->
</div><!--right column div close-->
</div><!--content div close-->
<div id="footer">
<div id="footerleft">
<p class="pgreytext">All Copyrights Reserved 2010 © Niaz Memorial Hospital</p>
<p><a href="index.html" target="_self">Home</a> | <a href="services.html" target=
"_self">Services</a> | <a href="profile.html" target="_self">Profile</a> | <a href=
"contact.html" target="_self">Contact Us</a></p>
</div><!--footerleft div close-->
<div id="footerright">
<a href="http://www.coffeedesign.net" target="_blank"><img src="images/coffeelogo2.png"
width="100" height="75" alt="coffeedesign" longdesc="http://www.coffeedesign.net" /></a>
</div><!--footerright div close-->
</div><!--footer div close-->
</div><!--wrapper div close-->
</body>
</html>