Ett stycke javascript-kod:
<script type="text/javascript">
$(document).ready(function(){
$("#page").load('lang/eng.txt');
$("#page").slideUp("1")
$("#page").slideDown("slow")
$("#eng").fadeTo("normal", 0.25)
//svenska
$("#swe").click(function(){
$("#page").load('lang/swe.txt');
$("#page").slideUp("normal")
$("#page").slideDown("slow")
$("#swe").fadeTo("slow", 0.25);
$("#eng").fadeTo("slow", 1.0);
});
//engelska
$("#eng").click(function(){
$("#page").load('lang/eng.txt');
$("#page").slideUp("normal")
$("#page").slideDown("slow")
$("#eng").fadeTo("slow", 0.25);
$("#swe").fadeTo("slow", 1.0)
});
});
</script>
</head>
<body>
<div id="page">
</div>
<div id="flags">
<button id="swe" style=" background:#000; border:0"><img src="images/swe.png" /></button>
<button id="eng" style=" background:#000; border:0"><img src="images/eng.png" /></button>
</div>
Tanken är att när sidan laddas så ska den "slidea" ner och när man trycker på någon av flaggorna ska den upp och sen ner igen.
slideUp/Down på flaggorna ska ja prova byta till slideToggle för eftersom att dom är knappar så borde det fungera.(UPDATE) byter ja till slideToggle måste man klicka 2 ggr. på varje flagga vilket förstör själva idén ;)
http://w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slidetoggle
Hur kan ja få slideUp/Down i document.ready att gå i exakt den ordningen?? :)
“Real living is living for others.”