jQuery Akkordeon ..

volli69 · 29.07.2010

.. funktioniert einzeln aber leider nicht in dieser Datei. Wo ist der Fehler?

HTML:

<head>

<link rel="stylesheet" href="css/styles.css"  type="text/css" />
<link rel="stylesheet" href="css/menue.css"  type="text/css" />

<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript">
<!--
$(document).ready(function(){
    $('#acc div').slideToggle(0);
    $('#acc > a').click(function(){
        $('#acc div:visible').slideToggle('slow');
        $(this).next().slideToggle('slow');
        return false;
    });
});
//-->
</script>

<script  type="text/ecmascript" src="mootools.js"></script>
<script  type="text/ecmascript" src="flowplayer.min.js"></script>
<script  type="text/ecmascript" src="bumpbox.js"></script>

</head>
<body>

<div id="background">
  
    <div id="bg_farbig">
    </div>
 
    <div id="bg_schwarz">
    <img src="http://www.psd-tutorials.de/modules/Forum/images/bg_schwarz.png"  />
    </div> 
    
    <div id="bg_nav">
    <img src="http://www.psd-tutorials.de/modules/Forum/images/bg_nav.png"  />
    </div>
    
    <div id="bg_blau">
    <img src="http://www.psd-tutorials.de/modules/Forum/images/bg_blau.jpg"  />
    </div>
  
      <div id="screenshot_trailer">
    
    <a href="http://www.abc.flv" class="bumpbox" rel="632-347" title="3D boutique">
    <img src="http://www.psd-tutorials.de/modules/Forum/images/screenshot_trailer.png" border="0"  /></a>     
    </div>   
       
    <div class="Stil1" id="text_blau">
    <h1>Willkommen ...<br></h1>Klicken Sie rechts ...  
    </div>   
       
<div id="nav">
     <ul class="cssmenu">
  <li><a href="#"></a></li>
  <li><a href="index.html">Home</a></li>

  <li><a href="#">Über uns</a>
     <ul>
      <li><a href="profil.html">Profil</a>
      <li><a href="team.html">Team</a>
      <li><a href="standort.html">Standort</a>
      <li><a href="service.html">Service</a>
   </ul>
</li>

 <li><a href="news.html">News</a></li>
 <li><a href="karriere.html">Karriere</a></li>
<li><a href="">Kontakt</a>
   <ul>
<li><a href="kontakt.html">Kontakt</a>
<li><a href="impressum.html">Impressum</a>
   </ul>
  </li>

</ul>
</div>


    <div id="logo">
    <img src="http://www.psd-tutorials.de/modules/Forum/images/logo.png"  />
    </div> 

       <div id="content_top">
    <img src="http://www.psd-tutorials.de/modules/Forum/images/1spaltig.jpg"  />
    </div>
        
    <div id="content_top_text_1spalte">
    <h3>Über uns - Team
    </div> 


    <div id="content">
  
    <div id="content_text_1-3spalte">  
    
<div id="acc">
    <a href="#">Test-1</a>
    <div>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
    </div>
 
    <a href="#">Test-2</a>
    <div>
    <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
    </div>
</div>  

 
    <div id="footer">
    <img src="http://www.psd-tutorials.de/modules/Forum/images/bg_footer.png"  /> 
       </div>   
       
  <div id="footer_text">
&copy; <a class="content" href="http://www.abc.de">abc.de</a>     </div> 
  </td>
  </tr>
  
</table>



</body>
</html>

Taharkas · 29.07.2010

AW: jQuery Akkordeon ..

<script type="text/ecmascript" src="mootools.js"></script>
<script type="text/ecmascript" src="flowplayer.min.js"></script>
<script type="text/ecmascript" src="bumpbox.js"></script>

Das bindest DU erst ein, nachdem Du die Funktionen dazu aufrufst.
Versuchs mal so:

HTML:

<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/ecmascript" src="mootools.js"></script>
<script type="text/ecmascript" src="flowplayer.min.js"></script>
<script type="text/ecmascript" src="bumpbox.js"></script>
<script type="text/javascript" language="javascript">
<!--
$(document).ready(function(){
$('#acc div').slideToggle(0);
$('#acc > a').click(function(){
$('#acc div:visible').slideToggle('slow');
$(this).next().slideToggle('slow');
return false;
});
});
//-->
</script>

fexx · 29.07.2010

AW: jQuery Akkordeon ..

du solltest vielleicht die kommentar-tags rausnehmen^^

""

volli69 · 29.07.2010

AW: jQuery Akkordeon ..

DANKE, hatte die brille wohl nicht auf

fexx · 29.07.2010

AW: jQuery Akkordeon ..

kein problem, kenne das nur zu gut ;o) kleine frage: warum benutzt du jquery und mootools?

volli69 · 29.07.2010

AW: jQuery Akkordeon ..

jquery um inhalte ein- und auszublenden. mootools für die bumpbox

fexx · 29.07.2010

AW: jQuery Akkordeon ..

hmm, gefallen dir wohl die ganzen modalboxes nicht, dies mit jquery gibt?

volli69 · 29.07.2010

AW: jQuery Akkordeon ..

kenn ich nicht

fexx · 29.07.2010

AW: jQuery Akkordeon ..

falls es dich interessiert:
- jQuery modal box round up | KomunitasWeb
-

sind zwei sammlungen von solchen modalboxen mit jquery

volli69 · 29.07.2010

AW: jQuery Akkordeon ..

danke dir. allerdings hat die bumpbox den vorteil, dass flv, swf, html, pdf, jpg uvm. angezeigt werden können. das scheint mit die jquery variante nicht zu können?

fexx · 29.07.2010

AW: jQuery Akkordeon ..

doch, teilweise schon

die beispielsweise ... das hab ich jetzt auf die schnelle gesehen

ansonsten müsstest du dich halt mal umsehen ;-)

Jana · 29.07.2010

AW: jQuery Akkordeon ..

volli69 schrieb:
danke dir. allerdings hat die bumpbox den vorteil, dass flv, swf, html, pdf, jpg uvm. angezeigt werden können. das scheint mit die jquery variante nicht zu können?

Die Fancybox kann das auch.

http://fancybox.net/