jquery - problemer med jQuery - slideToggle - Udvikleren.dk

Tags: jquery

<< < 1 2 > >>

Bruger #16353 @ 07.01.12 20:43

Hej

jeg har lavet en lille "slideToggle", og har prøve frem og tilbage, Det virker overhovedet ikke på nogle måde, synes bare ikke det på nogle måde..

sådan ser det ud i html:

HTML kode

 <input type="button" value="læse mere" id="knap">
          <div id="box">
          <p>Hej</p>
          </div>

sådan her ser det ud i jQuery;

JScript kode

 <script type="text/javascript">
 $("#knap").click(function() {
     $("#box").slideToggle();
 });
 </script>

Her kan du / i se problem;

http://localhostr.com/files/DsW2iOJ/capture.png

19 svar postet i denne tråd vises herunder
5 indlæg har modtaget i alt 11 karma

Sorter efter stemmer Sorter efter dato

Bruger #15754 @ 07.01.12 23:59

989

Jamen så mangler der også et html og body tag

Hvis den er i en form så er det grunden, men det er jo lidt svært når vi kun får udsnit af html'en og beskrivelse af "det virker ikke"..

Bruger #16353 @ 08.01.12 00:09

-108

så jeg skal ligge det op i toppen?

Det virker overhovedet ikke..

Indlæg senest redigeret d. 08.01.2012 00:10 af Bruger #16353

Bruger #15754 @ 08.01.12 00:12

989

Kom med et link eller paste hele din html og javascript ind. Men ja inkludere du jquery på din side?

Bruger #16353 @ 08.01.12 00:18

-108

HTML kode

 <!DOCTYPE HTML>
 <html>
 <head>
 <meta charset="utf-8">
 <title>.. | Alt til dig! | Fed musik</title>
 <script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
 <script type="text/javascript">
 tinyMCE.init({
         mode : "textareas"
 });
 </script>
 <script>
 $(document).ready(function() {
        $('.click').click(function(e) {
            e.preventDefault();          
            $('div').slideToggle('slow');
        });
    });
    </script>
 <link rel="stylesheet" type="text/css" href="style/style.css">
 </head>
 <body>
 <!--topmenu-->
 <?php include("include/topmenu.php");?>
 <!--Logo-->
 <?php include("include/logo.php");?>
 <div id="wrapper">
     <!--Menu-->
     <?php include("include/menu.php");?>
     <!--Banner-->
     <?php include("include/banner.php");?>
     <div id="loginbox">
     <form action="login.php" method="post">
      <input type="text" name="brugernavn" placeholder="Brugernavn">
      <input type="text" name="password" placeholder="Password">
      <input type="submit" value="Login" id="inputlogin">
      </form>
      <form action="opret.php" method="post">
       <input type="submit" value="Opret" id="inputopret">
       </form>
     </div>
     <div id="content">
     <h1>Opret bruger</h1>
      <form action="indsaet.php" method="post">
             <li id="brugernavn"><input type="text" name="brugernavn" placeholder="Brugernavn"></li>
          <li id="pass"><input type="password" name="password" placeholder="Password"></li>
          <li id="pass"><input type="password" name="gentag" placeholder="Password gentag igen"></li>
          <li id="face"><input type="text" name="facebook" placeholder="Facebook Link"><input type="button" value="læse mere" id="facebox"></li>
          <div id="boxface">
          <!--her skal der blevet skrevet et eller andet-->
          </div>
          <li id="dj"><input type="text" name="djnavn" placeholder="Dj navn"><input type="button" value="læse mere" id="djbox"></li>
          <div id="boxj">
          <!--her skal der blevet skrevet et eller andet-->
          </div>
          <li id="verden"><input type="text" name="land" placeholder="Land"></li>
          <li id="email"><input type="text" name="email" placeholder="E-mail"><input type="button" value="læse mere" id="knap">
          <div id="boxmail">
          <!--her skal der blevet skrevet et eller andet-->
          </div></li>
          
          <li id="tekst"><p>Profil Tekst:</p></li>
          <label for="profiltekst"></label>
          <textarea name="profiltekst" id="profiltekst"></textarea>
          <br>
          <input type="submit" value="Opret Bruger">
      </form>    
     </div>
     <!--Checkmark-->
     <?php include("include/checkmark.php");?>
 
 
 <div id="footer">
 <li><a href="http://jesperbok.dk/">Lavet af Jesper Petersen</a> - Design & kode af Jesper Petersen &reg;</li>
 </div>
 </div>
 </body>
 </html>

Det er også fint nok hvis et bliver et <a href="">(?)</a>

Indlæg senest redigeret d. 15.01.2012 16:58 af Bruger #16353

Bruger #16353 @ 08.01.12 00:24

-108

HTML kode

 <!DOCTYPE HTML>
  <html>
  <head>
  <meta charset="utf-8">
  <title>Djinfo.dk | Alt til dig! | Fed musik</title>
  <script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js">
 </script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
  <script type="text/javascript">
  tinyMCE.init({
          mode : "textareas"
  });
  </script>
  <script>
  $(document).ready(function() {
          $("#knap").click(function(e) {
              e.preventDefault();
              $("#box").slideToggle();
          });
     });
     </script>
  <link rel="stylesheet" type="text/css" href="style/style.css">
  </head>
  <body>
  <!--topmenu-->
  <?php include("include/topmenu.php");?>
  <!--Logo-->
  <?php include("include/logo.php");?>
  <div id="wrapper">
      <!--Menu-->
      <?php include("include/menu.php");?>
      <!--Banner-->
      <?php include("include/banner.php");?>
      <div id="loginbox">
      <form action="login.php" method="post">
       <input type="text" name="brugernavn" placeholder="Brugernavn">
       <input type="text" name="password" placeholder="Password">
       <input type="submit" value="Login" id="inputlogin">
       </form>
       <form action="opret.php" method="post">
        <input type="submit" value="Opret" id="inputopret">
        </form>
      </div>
      <div id="content">
      <h1>Opret bruger</h1>
       <form action="indsaet.php" method="post">
              <li id="brugernavn"><input type="text" name="brugernavn" placeholder="Brugernavn"></li>
           <li id="pass"><input type="password" name="password" placeholder="Password"></li>
           <li id="pass"><input type="password" name="gentag" placeholder="Password gentag igen"></li>
           <li id="face"><input type="text" name="facebook" placeholder="Facebook Link"><input type="button" value="læse mere" id="facebox"></li>
           <div id="boxface">
           <!--her skal der blevet skrevet et eller andet-->
           </div>
           <li id="dj"><input type="text" name="djnavn" placeholder="Dj navn"><input type="button" value="læse mere" id="djbox"></li>
           <div id="boxj">
           <!--her skal der blevet skrevet et eller andet-->
           </div>
           <li id="verden"><input type="text" name="land" placeholder="Land"></li>
           <li id="email"><input type="text" name="email" placeholder="E-mail"><input type="button" value="læse mere" id="knap">
           <div id="boxmail">
           <!--her skal der blevet skrevet et eller andet-->
           </div></li>
           
           <li id="tekst"><p>Profil Tekst:</p></li>
           <label for="profiltekst"></label>
           <textarea name="profiltekst" id="profiltekst"></textarea>
           <br>
           <input type="submit" value="Opret Bruger">
       </form>    
      </div>
      <!--Checkmark-->
      <?php include("include/checkmark.php");?>
  
  
  <div id="footer">
  <li><a href="http://jesperbok.dk/">Lavet af Jesper Petersen</a> - Design & kode af Jesper Petersen &reg;</li>
  </div>
  </div>
  </body>
  </html>

Takker for hjælpen men det skal være sådan når man klik på den så kommer den frem

Bruger #15754 @ 08.01.12 00:27

989

#box mangler også i din html. Er det den som hedder #boxmail?

Bruger #16353 @ 08.01.12 00:37

-108

#MB Jeg har klart den men hvordan gøre jeg sådan at en skal gå ned når man klikker på den?

Bruger #16353 @ 08.01.12 02:08

-108

Takker for hjælpen mange gerne igen!:..

Bruger #17136 @ 23.05.12 00:44

HTML kode

 <!DOCTYPE HTML>
  <html>
  <head>
  <meta charset="utf-8">
  <title> Alt til dig! | Fed musik</title>
  <script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js">
 </script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
  <script type="text/javascript">
  tinyMCE.init({
          mode : "textareas"
  });
  </script>
  <script>
  $(document).ready(function() {
          $("#knap").click(function(e) {
              e.preventDefault();
              $("#box").slideToggle();
          });
     });
     </script>
  <link rel="stylesheet" type="text/css" href="style/style.css">
  </head>
  <body>
  <!--topmenu-->
  <?php include("include/topmenu.php");?>
  <!--Logo-->
  <?php include("include/logo.php");?>
  <div id="wrapper">
      <!--Menu-->
      <?php include("include/menu.php");?>
      <!--Banner-->
      <?php include("include/banner.php");?>
      <div id="loginbox">
      <form action="login.php" method="post">
       <input type="text" name="brugernavn" placeholder="Brugernavn">
       <input type="text" name="password" placeholder="Password">
       <input type="submit" value="Login" id="inputlogin">
       </form>
       <form action="opret.php" method="post">
        <input type="submit" value="Opret" id="inputopret">
        </form>
      </div>
      <div id="content">
      <h1>Opret bruger</h1>
       <form action="indsaet.php" method="post">
              <li id="brugernavn"><input type="text" name="brugernavn" placeholder="Brugernavn"></li>
           <li id="pass"><input type="password" name="password" placeholder="Password"></li>
           <li id="pass"><input type="password" name="gentag" placeholder="Password gentag igen"></li>
           <li id="face"><input type="text" name="facebook" placeholder="Facebook Link"><input type="button" value="læse mere" id="facebox"></li>
           <div id="boxface">
           <!--her skal der blevet skrevet et eller andet-->
           </div>
           <li id="dj"><input type="text" name="djnavn" placeholder="Dj navn"><input type="button" value="læse mere" id="djbox"></li>
           <div id="boxj">
           <!--her skal der blevet skrevet et eller andet-->
           </div>
           <li id="verden"><input type="text" name="land" placeholder="Land"></li>
           <li id="email"><input type="text" name="email" placeholder="E-mail"><input type="button" value="læse mere" id="knap">
           <div id="boxmail">
           <!--her skal der blevet skrevet et eller andet-->
           </div></li>
           
           <li id="tekst"><p>Profil Tekst:</p></li>
           <label for="profiltekst"></label>
           <textarea name="profiltekst" id="profiltekst"></textarea>
           <br>
           <input type="submit" value="Opret Bruger">
       </form>    
      </div>
      <!--Checkmark-->
      <?php include("include/checkmark.php");?>
  
  
  <div id="footer">
  <li><a href="http://jesperbok.dk/">Lavet af Jesper Petersen</a> - Design & kode af Jesper Petersen &reg;</li>
  </div>
  </div>
  </body>
  </html>

Takker for hjælpen men det skal være sådan når man klik på den så kommer den frem

<< < 1 2 > >>

problemer med jQuery - slideToggle

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler