slideDown / jQuery

Tags: js

Bruger #16353 @ 07.04.11 17:47

jeg sidde og tænkt at det kun være fedt at lave sådan noget som det her ind på enes hjemmeside

http://sandbox.scriptiny.com/accordion/index.html

hvordan gør jeg det? og hvordan få jeg det til at passe ind? og hvad skal min hjemmeside fil navn være?

jeg køre i php..

Håber du kan hjælp mig

Indlæg senest redigeret d. 07.04.2011 17:50 af Bruger #16353

4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 12 karma

Sorter efter stemmer Sorter efter dato

Bruger #8223 @ 07.04.11 18:06

1.065

Step 1: Download jQuery fra jquery.com
Step 2: Download jQueryUI fra jqueryui.com/
Step 3: Inkluder begge javascripts på din side således:

HTML kode

 <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
 <script type="text/javascript" src="jquery-ui.custom.js"></script>

Du skal naturligvis rette filnavnene til så de passer til hvad du har liggende.
Step 4: Lav din accordion i HTML således:

HTML kode

 <div id="accordion">
     <h3><a href="#">First header</a></h3>
     <div>First content</div>
     <h3><a href="#">Second header</a></h3>
     <div>Second content</div>
 </div>

Step 5: Lav din javascript kode således:

HTML kode

 <script type="text/javascript">
 $(function(){
    $( "#accordion" ).accordion();
 });
 </script>

Voila!

Al koden samlet:

HTML kode

 <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
 <script type="text/javascript" src="jquery-ui.custom.js"></script>
 <script type="text/javascript">
 $(function(){
    $( "#accordion" ).accordion();
 });
 </script>
 
 <div id="accordion">
     <h3><a href="#">First header</a></h3>
     <div>First co    });ntent</div>
     <h3><a href="#">Second header</a></h3>
     <div>Second content</div>
 </div>

Du kan læse mere her: http://jqueryui.com/demos/accordion/

Indlæg senest redigeret d. 07.04.2011 18:08 af Bruger #8223

Bruger #16353 @ 07.04.11 23:00

-108

når jeg prøve at lave det så gider min hjemmeside ikke blive vist.. hvad kan jeg gøre galt.. da

jeg skriver min index.php sådan her,,;

PHP kode

 <!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" xml:lang="da" lang="da">
 <head>
 <title>Klanroga.dk</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
 <link rel="stylesheet" type="text/css" href="http://www.klanroga.dk/style.css"/>
 <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
  <script type="text/javascript" src="jquery-ui.custom.js"></script>
  <script type="text/javascript">
  $(function(){
     $( "#accordion" ).accordion();
  });
 </head>
 <div class="header">
     <b><a href="index.php" target="_self">KlanRoGa.dk</a></b>
 </div>
 <div class="menusider">
   <a href="index.php" target="_self" <?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Forside</a> -
     <a href="test.php" target="_self" <?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Gallery</a> -
     <a href="index.php" target="_self" <?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Website</a> - 
     <a href="index.php" target="_self" <?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Links</a> -
     <a href="index.php" target="_self" <?php if($_GET['s']=="") { ?> class="current"<?php } ?>>Info</a>
 </div>
 <a href="http://www.facebook.com/Jesperpb" target="_blank"><img style="float:right" src="facebook.png" width="60" height="55" longdesc="http://www.facebook.com/Jesperpb" /></a>
 <a href="https://twitter.com/#!/jesperPetersenB" target="_blank"><img style="float:right" src="1270640900_icontexto-inside-twitter.png" alt="" width="60" height="55" longdesc="http://www.facebook.com/Jesperpb" /></a>
 <br>
 <div class="center">
 <?php
 $url = $_GET['s'];
 switch ($url) {
 case "": include("hjem.php");
     break;
 case "info": include("info.php");
     break;
 
   default: echo "Siden findes ikke";
 }
 ?>
 </div>
 </body>
 </html>

Bruger #15754 @ 09.04.11 12:12

989

Du mangler Step 4 med mindre du har det i din hjem.php eller info.php?

Bruger #16353 @ 10.04.11 20:57

-108

jeg har fået klart den ellers tak dude

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler