I have this piece of code that reveals a couple of divs when it is clicked and then they are hidden once another link is clicked. I'm trying to get this to show in Firefox and it may not be a problem in the js but all help is greatly appreciated.
<script type="text/javascript">
$(document).ready(function(){
$('.fadein').click(function(){
// Make the id overview show
$('#header-contact').hide('slow');
$('#header-portfolio').show('slow');
$('#content-portfolio').show('slow');
// override default a behavior
return false;
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.fadein2').click(function(){
// Make the id overview show
$('#header-portfolio').hide('slow');
$('#header-contact').show('slow');
$('#content-portfolio').hide('slow');
// override default a behavior
return false;
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.fadein3').click(function(){
// Make the id overview show
$('#header-portfolio').hide('slow');
$('#header-contact').hide('slow');
$('#content-portfolio').hide('slow');
// override default a behavior
return false;
});
});