zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Simple Accordion und jQuery.ScrollTo gleichzeitig verwenden?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.05.2011, 11:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2011
Beiträge: 10
bleny87 befindet sich auf einem aufstrebenden Ast
Standard Simple Accordion und jQuery.ScrollTo gleichzeitig verwenden?

Hallo zusammen,

Meine Seite enthält diese beiden Pakete:

Simple Accordions:
Simple Javascript Accordions - by www.dezinerfolio.com

und

jQuery.ScrollTo:
jQuery.ScrollTo


Das Problem liegt jetzt dabei, dass ich beide Pakete zusammen nicht benutzen kann. Wenn ich ScrollTo rausnehme geht Accordion und andersrum das gleiche aber nie beide zusammen.

Kann mir jemand vll helfen?

HTML-Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xyz</title>
<link rel="stylesheet" type="text/css" href="/templates/dr.xyz/css/mainstyle.css" />
<LINK REL="SHORTCUT ICON" HREF="/templates/dr.xyz/img/favicon.ico">
<script type="text/javascript" src="/templates/dr.xyz/js/jquery-1.6.js"></script>
<script type="text/javascript" src="/templates/dr.xyz/js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="/templates/dr.xyz/js/accordian.pack.js"></script>
<style type="text/css">
#basic-accordian {
	border:5px solid #EEE;
	padding:5px;
	width:350px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}
.accordion_headings {
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}
.accordion_headings:hover {
	background:#00CCFF;
}
.accordion_child {
	padding:15px;
	background:#EEE;
}
.header_highlight {
	background:#00CCFF;
}
</style>
<script language="Javascript" type="text/javascript">

function setSize()
{
breite = screen.width * 4;
hoehe = 800 * 3;

document.getElementById("container").style.height= hoehe + "px";
document.getElementById("container").style.width= breite + "px";



}

function setActive(id)
{
if(id == "home")
{
document.getElementById(id).style.color= "#707070";
document.getElementById("produkte").style.color= "#cbcbcb";
document.getElementById("dr_xyz").style.color= "#cbcbcb";
document.getElementById("leistungswillige").style.color= "#cbcbcb";
}
if(id == "produkte")
{
document.getElementById(id).style.color= "#707070";
document.getElementById("home").style.color= "#cbcbcb";
document.getElementById("dr_xyz").style.color= "#cbcbcb";
document.getElementById("leistungswillige").style.color= "#cbcbcb";
}
if(id == "dr_xyz")
{
document.getElementById(id).style.color= "#707070";
document.getElementById("produkte").style.color= "#cbcbcb";
document.getElementById("home").style.color= "#cbcbcb";
document.getElementById("leistungswillige").style.color= "#cbcbcb";
}

if(id == "leistungswillige")
{
document.getElementById(id).style.color= "#707070";
document.getElementById("produkte").style.color= "#cbcbcb";
document.getElementById("home").style.color= "#cbcbcb";
document.getElementById("dr_xyz").style.color= "#cbcbcb";
}
}


</script>
<script type="text/javascript">




$(document).ready(function() {
$('.go-to-home').click(function(){
$.scrollTo( '#top-home', {speed:1000} );

});



$('.go-to-produkte').click(function(){
$.scrollTo( '#top-produkte', {speed:1000} );
});



$('.go-to-leistungswillige').click(function(){
$.scrollTo( '#top-leistungswillige', {speed:1000} );
});



$('.go-to-drxyz').click(function(){
$.scrollTo( '#top-drxyz', {speed:1000} );
});



$('.go-to-sub-home-1').click(function(){
$.scrollTo( '#sub-home-1', {speed:1000} );
});



$('.go-to-sub-produkte-1').click(function(){
$.scrollTo( '#sub-produkte-1', {speed:1000} );
});



$('.go-to-sub-leistungswillige-1').click(function(){
$.scrollTo( '#sub-leistungswillige-1', {speed:1000} );
});



$('.go-to-sub-drxyz-1').click(function(){
$.scrollTo( '#sub-drxyz-1', {speed:1000} );
});



$('.go-to-sub-home-2').click(function(){
$.scrollTo( '#sub-home-2', {speed:1000} );
});



$('.go-to-sub-produkte-2').click(function(){
$.scrollTo( '#sub-produkte-2', {speed:1000} );
});



$('.go-to-sub-leistungswillige-2').click(function(){
$.scrollTo( '#sub-leistungswillige-2', {speed:1000} );
});



$('.go-to-sub-drxyz-2').click(function(){
$.scrollTo( '#sub-drxyz-2', {speed:1000} );
});
});
</script>
</head>

<body onload="setSize(); new Accordian('my-menu',5,'highlight');">
<!--<body onload="setSize(); new Accordian('basic-accordian',5,'header_highlight');">-->
<div id="header">
  <div id="drxyz_logo"> <img src="/templates/dr.xyz/img/drxyz-logo.png" alt="dr. xyz logo"/> </div>
  <div id="header_menu"> <a href="#" id="home" onclick="setActive(this.id);" class="go-to-home">HOME</a><a href="#" id="produkte" onclick="setActive(this.id);" class="go-to-produkte">PRODUKTE</a><a href="#" onclick="setActive(this.id);" id="leistungswillige" class="go-to-leistungswillige">LEISTUNGSWILLIGE</a><a href="#" onclick="setActive(this.id);" id="dr_xyz" class="go-to-drxyz">ÜBER DR. xyz</a><a href="http://www.facebook.de/healthup"><img src="/templates/dr.xyz/img/f_logo.png" style="width:1.5%;"/></a> </div>
  <div id="header_minimenu"> <a href="/templates/dr.xyz/sitemap.php">sitemap</a> <a href="/templates/dr.xyz/impressum.php">impressum</a> <a href="/templates/dr.xyz/kontakt.php">kontakt</a> </div>
</div>
<div id="container">
<div class="box1"> <a href="#top-home" class="anker" name="top-home" id="top-home">@</a>
  <div class="wrapper">
    <table>
      <tr>
        <td><div>
            <jdoc:include type="modules" name="home-1" />
          </div>
          <div id="fb-root"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
            <fb:comments href="http://www.drxyz.com/dr_xyz_neu" num_posts="2" width="500"></fb:comments>
          </div></td>
        <td><img style="width:350px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
      </tr>
    </table>
  </div>
  <div class="pfeil_rechts"><a href="#teil" class="go-to-produkte"><img id="pfeil_rechts" onclick="setActive('produkte');" onmouseover="this.src ='/templates/dr.xyz/img/pfeil_rechts_hover.png';" onmouseout="this.src ='/templates/dr.xyz/img/pfeil_rechts.png'" src="/templates/dr.xyz/img/pfeil_rechts.png" alt="pfeil_rechts"/></a></div>
</div>
<div class="box2"> <a href="#top-produkte" class="anker" name="top-produkte" id="top-produkte">@</a>
  <div class="wrapper">
    <table>
      <tr>
        <td><img src="/templates/dr.xyz/img/shake-up-logo.gif" alt="shake up logo"/>
          <div>
            <jdoc:include type="modules" name="produkte-1" />
          </div>
          <div>
            <div id="mehr_erfahren_button"><a href="#teil" class="go-to-sub-produkte-1"> <img src="/templates/dr.xyz/img/mehr_erfahren.png" alt="mehr erfahren"/></a> </div>
            <div id="kaufen_button"> <img src="/templates/dr.xyz/img/jetzt_testen.png" alt="jetzt testen"/> </div>
          </div>
          <div id="osp"><img src="/templates/dr.xyz/img/osp.jpg" alt="olympiastütztpunkt"/></div></td>
        <td><img src="/templates/dr.xyz/img/shake-up-flasche.png" alt="shake up flasche"/></td>
      </tr>
    </table>
  </div>
  <div class="pfeil_rechts"><a href="#teil" class="go-to-leistungswillige"><img id="pfeil_rechts" onclick="setActive('leistungswillige');" onmouseover="this.src ='/templates/dr.xyz/img/pfeil_rechts_hover.png';" onmouseout="this.src ='/templates/dr.xyz/img/pfeil_rechts.png'" src="/templates/dr.xyz/img/pfeil_rechts.png" alt="pfeil_rechts"/></a></div>
  <div class="pfeil_links"><a href="#teil" class="go-to-home"><img id="pfeil_links" onclick="setActive('home');" src="/templates/dr.xyz/img/pfeil_links.png" onmouseover="this.src ='/templates/dr.xyz/img/pfeil_links_hover.png';" onmouseout="this.src ='/templates/dr.xyz/img/pfeil_links.png'" alt="pfeil_links"/></a></div>
</div>
<div class="box3"> <a href="#top-leistungswillige" class="anker" name="top-leistungswillige" id="top-leistungswillige">@</a>
  <div class="wrapper">
    <table>
      <tr>
        <td><img src="/templates/dr.xyz/img/shake-up-logo.gif" alt="shake up logo"/>
          <div>
            <jdoc:include type="modules" name="leistungswillige-1" />
          </div>
          <div>
            <div id="mehr_erfahren_button"> <img src="/templates/dr.xyz/img/mehr_erfahren.png" alt="mehr erfahren"/> </div>
            <div id="kaufen_button"> <img src="/templates/dr.xyz/img/jetzt_testen.png" alt="jetzt testen"/> </div>
          </div>
          <div id="osp"><img src="/templates/dr.xyz/img/osp.jpg" alt="olympiastütztpunkt"/></div></td>
        <td><img style="height:500px" src="/templates/dr.xyz/img/magnesium_frau.png" alt="shake up flasche"/></td>
      </tr>
    </table>
  </div>
  <div class="pfeil_rechts"><a href="#teil" class="go-to-drxyz"><img id="pfeil_rechts" onclick="setActive('dr_xyz');"onmouseover="this.src ='/templates/dr.xyz/img/pfeil_rechts_hover.png';" onmouseout="this.src ='/templates/dr.xyz/img/pfeil_rechts.png'" src="/templates/dr.xyz/img/pfeil_rechts.png" alt="pfeil_rechts"/></a></div>
  <div class="pfeil_links"><a href="#teil" class="go-to-produkte"><img id="pfeil_links" onclick="setActive('produkte');" src="/templates/dr.xyz/img/pfeil_links.png" onmouseover="this.src ='/templates/dr.xyz/img/pfeil_links_hover.png';" onmouseout="this.src ='/templates/dr.xyz/img/pfeil_links.png'" alt="pfeil_links"/></a></div>
</div>
<div class="box4"> <a href="#top-drxyz" class="anker" name="top-drxyz" id="top-drxyz">@</a>
  <div class="wrapper">
    <table>
      <tr>
        <td><div>
            <jdoc:include type="modules" name="drxyz-1" />
          </div></td>
        <td><img style="width:350px" src="/templates/dr.xyz/img/tacho.png" alt="golfer"/></td>
      </tr>
    </table>
  </div>
  <div class="pfeil_links"><a href="#teil" class="go-to-leistungswillige"><img onclick="setActive('leistungswillige');"onmouseover="this.src ='/templates/dr.xyz/img/pfeil_links_hover.png';" onmouseout="this.src ='/templates/dr.xyz/img/pfeil_links.png'" id="pfeil_links" src="/templates/dr.xyz/img/pfeil_links.png" alt="pfeil_links"/></a></div>
</div>
<div class="box1-1"> <a href="#sub-home-1" class="anker" name="sub-home-1" id="sub-home-1">@</a>
  <div class="pfeil_hoch"><a href="#sub-home-1" name="sub-home-1" class="go-to-home"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper">
    <table>
      <tr>
        <td><div>
            <jdoc:include type="modules" name="home-2" />
          </div></td>
        <td><img style="width:350px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
      </tr>
    </table>
  </div>
</div>
<div class="box2-1"> <a href="#sub-produkte-1" class="anker" name="sub-produkte-1" id="sub-produkte-1">@</a>
  <div class="pfeil_hoch"><a href="#sub-produkte-1" name="sub-produkte-1" class="go-to-produkte"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper" style="text-align:left;">
    <table>
      <tr>
        <td><div id="basic-accordian" >
          <!--Parent of the Accordion-->
          
          <div align="center">Simple Accordions</div>
          
          <!--Start of each accordion item-->
          
          <div id="test-header" class="accordion_headings header_highlight" >Home</div>
          <!--Heading of the accordion ( clicked to show n hide ) --> 
          
          <!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
          
          <div id="test-content"><!--DIV which show/hide on click of header--> 
            
            <!--This DIV is for inline styling like padding...-->
            <div class="accordion_child"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ligula nisl, egestas non, pharetra vel, scelerisque accumsan, lacus. Proin nibh. Aenean dapibus. Quisque facilisis, ligula ut blandit hendrerit, purus neque rhoncus ipsum, sit amet ultrices mauris augue non arcu. Donec et sem nec libero viverra accumsan.<br />
              <br />
              Quisque facilisis, ligula ut blandit hendrerit, purus neque rhoncus ipsum, sit amet ultrices mauris augue non arcu. Donec et sem nec libero viverra accumsan. </div>
          </div>
          
          <!--End of each accordion item--> 
          
          <!--Start of each accordion item-->
          
          <div id="test1-header" class="accordion_headings" >About Us</div>
          <!--Heading of the accordion ( clicked to show n hide ) --> 
          
          <!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
          
          <div id="test1-content"><!--DIV which show/hide on click of header--> 
            
            <!--This DIV is for inline styling like padding...-->
            <div class="accordion_child"> Quisque facilisis, ligula ut blandit hendrerit, purus neque rhoncus ipsum, sit amet ultrices mauris augue non arcu. Donec et sem nec libero viverra accumsan. </div>
          </div>
          
          <!--End of each accordion item--> 
          
          <!--Start of each accordion item-->
          
          <div id="test2-header" class="accordion_headings" >Downloads</div>
          <!--Heading of the accordion ( clicked to show n hide ) --> 
          
          <!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
          
          <div id="test2-content"><!--DIV which show/hide on click of header--> 
            
            <!--This DIV is for inline styling like padding...-->
            <div class="accordion_child"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ligula nisl, egestas non, pharetra vel, scelerisque accumsan, lacus. Proin nibh. Aenean dapibus. Quisque facilisis, ligula ut blandit hendrerit, purus neque rhoncus ipsum, sit amet ultrices mauris augue non arcu. Donec et sem nec libero viverra accumsan.<br />
            </div>
          </div></td>
        <td ><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
      </tr>
      <tr>
        <td><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
        <td><div>
            <jdoc:include type="modules" name="produkte-2-2" />
          </div></td>
      </tr>
    </table>
  </div>
</div>
<div class="box3-1"> <a href="#sub-leistungswillige-1" class="anker" name="sub-leistungswillige-1" id="sub-leistungswillige-1">@</a>
  <div class="pfeil_hoch"><a href="#sub-leistungswillige-1" name="sub-leistungswillige-1" class="go-to-leistungswillige"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper" style="text-align:left;">
    <table>
      <tr>
        <td><div>
            <jdoc:include type="modules" name="leistungswillige-2-1" />
          </div></td>
        <td ><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
      </tr>
      <tr>
        <td><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
        <td><div>
            <jdoc:include type="modules" name="leistungswillige-2-2" />
          </div></td>
      </tr>
    </table>
  </div>
</div>
<div class="box4-1"> <a href="#sub-drxyz-1" class="anker" name="sub-drxyz-1" id="sub-drxyz-1">@</a>
  <div class="pfeil_hoch"><a href="#sub-drxyz-1" name="sub-drxyz-1" class="go-to-drxyz"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper">
    <jdoc:include type="modules" name="drxyz-2" />
  </div>
</div>
<div class="box1-2"> <a href="#sub-home-2" class="anker" name="sub-home-2" id="sub-home-2">@</a>
  <div class="pfeil_hoch"><a href="#sub-home-2" name="sub-home-2" class="go-to-sub-home-1"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper">
    <table>
      <tr>
        <td><div>
            <jdoc:include type="modules" name="home-3" />
          </div></td>
        <td><img style="width:350px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
      </tr>
    </table>
  </div>
</div>
<div class="box2-2"> <a href="#sub-produkte-2" class="anker" name="sub-produkte-2" id="sub-produkte-2">@</a>
  <div class="pfeil_hoch"><a href="#sub-produkte-2" name="sub-produkte-2" class="go-to-sub-produkte-1"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper" style="text-align:left;">
    <table>
      <tr>
        <td><div>
            <jdoc:include type="modules" name="produkte-3-1" />
          </div></td>
        <td><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
      </tr>
      <tr>
        <td><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
        <td><div>
            <jdoc:include type="modules" name="produkte-3-2" />
          </div></td>
      </tr>
    </table>
  </div>
</div>
<div class="box3-2"> <a href="#sub-leistungswillige-2" class="anker" name="sub-leistungswillige-2" id="sub-leistungswillige-2">@</a>
  <div class="pfeil_hoch"><a href="#sub-leistungswillige-2" name="sub-leistungswillige-2" class="go-to-sub-leistungswillige-1"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper" style="text-align:left;">
    <table>
      <tr>
        <td><div>
            <jdoc:include type="modules" name="leistungswillige-3-1" />
          </div></td>
        <td><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
      </tr>
      <tr>
        <td><img style="width:150px" src="/templates/dr.xyz/img/golfer.png" alt="golfer"/></td>
        <td><div>
            <jdoc:include type="modules" name="leistungswillige-3-2" />
          </div></td>
      </tr>
    </table>
  </div>
</div>
<div class="box4-2"> <a href="#sub-drxyz-2" class="anker" name="sub-drxyz-2" id="sub-drxyz-2">@</a>
  <div class="pfeil_hoch"><a href="#sub-drxyz-2" name="sub-drxyz-2" class="go-to-sub-drxyz-1"><img src="/templates/dr.xyz/img/zurueck_button.png" alt="zurueck_button"/>zurück</a></div>
  <div class="wrapper">
    <div>
      <jdoc:include type="modules" name="drxyz-3" />
    </div>
  </div>
</div>
</body>
</html>
HTML-Code:
html, body {
    background: url("../img/bg.jpg") repeat-x scroll 0 0 transparent;
    color: #707070;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    margin: 0;
}
#header {
    background: url("../img/bg.jpg") repeat-x scroll 0 0 transparent;
    position: fixed;
    width: 100%;
}
#container {
    padding-top: 125px;
}
.box1, .box2, .box3, .box4 {
    float: left;
    height: 800px;
    width: 25%;
}
.box1-1, .box2-1, .box3-1, .box4-1 {
    float: left;
    height: 800px;
    width: 25%;
}
.box1-2, .box2-2, .box3-2, .box4-2 {
    float: left;
    height: 800px;
    width: 25%;
}
.anker {
    padding-top: 125px;
    visibility: hidden;
}
.wrapper {
    border-bottom: 4px dotted #CBCBCB;
    margin-left: 16%;
    min-height: 600px;
    width: 900px;
}
#drxyz_logo {
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}
#drxyz_logo img {
    width: 100%;
}
#header_menu {
    float: left;
    font-size: 17pt;
    margin-left: 31%;
    margin-top: -2%;
    width: 100%;
}
#header_menu a {
    color: #CBCBCB;
    padding-right: 1%;
}
#header_minimenu {
    font-size: 70%;
    margin-left: 83%;
    margin-top: 0.5%;
    width: 50%;
}
#header_minimenu a {
    padding-left: 20px;
}
p {
    color: #707070;
    line-height: 150%;
}
h1 {
    color: #707070;
}
h2 {
    color: #D20049;
}
h3 {
    color: #707070;
}
a {
    color: #707070;
    text-decoration: none;
}
img {
    border: 0 none;
}
a:hover {
    color: #707070 !important;
}
td {
    text-align: left;
    vertical-align: top;
}
.box1 .pfeil_rechts {
    margin-left: 89%;
    margin-top: -464px;
}
.box2 .pfeil_rechts {
    margin-left: 89%;
    margin-top: -478px;
}
.box3 .pfeil_rechts {
    margin-left: 89%;
    margin-top: -433px;
}
.box4 .pfeil_rechts {
    margin-left: 89%;
    margin-top: -500px;
}
#kaufen_button {
    color: white;
    float: left;
    margin-left: 10px;
    text-align: center;
}
#mehr_erfahren_button {
    color: white;
    float: left;
    text-align: center;
}
#osp {
    float: left;
    margin-left: 123%;
    margin-top: 7%;
}
#osp img {
    width: 100px;
}
.box1 .pfeil_hoch {
    margin-left: 80%;
}
.box2 .pfeil_hoch {
    margin-left: 80%;
    margin-top: -52%;
}
.box3 .pfeil_hoch {
    margin-left: 80%;
    margin-top: -52%;
}
.box4 .pfeil_hoch {
    margin-left: 80%;
    margin-top: -52%;
}
.box1-1 .pfeil_hoch {
    margin-left: 80%;
}
.box2-1 .pfeil_hoch {
    margin-left: 80%;
}
.box3-1 .pfeil_hoch {
    margin-left: 80%;
}
.box4-1 .pfeil_hoch {
    margin-left: 80%;
}
.box1-2 .pfeil_hoch {
    margin-left: 80%;
}
.box2-2 .pfeil_hoch {
    margin-left: 80%;
}
.box3-2 .pfeil_hoch {
    margin-left: 80%;
}
.box4-2 .pfeil_hoch {
    margin-left: 80%;
}
.box2 .pfeil_links {
    margin-left: 8%;
    margin-top: -65px;
}
.box3 .pfeil_links {
    margin-left: 8%;
    margin-top: -62px;
}
.box4 .pfeil_links {
    margin-left: 8%;
    margin-top: -433px;
}
.box1 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box2 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box3 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box4 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box1-1 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box2-1 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box3-1 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box4-1 .pfeil_runter {
    margin-left: 50%;
    margin-top: 5px;
}
.box1-2 .pfeil_runter {
    margin-left: 50%;
}
.box2-2 .pfeil_runter {
    margin-left: 50%;
}
.box3-2 .pfeil_runter {
    margin-left: 50%;
    margin-top: 20%;
}
.box4-2 .pfeil_runter {
    margin-left: 50%;
    margin-top: 20%;
}
.custom {
    overflow: hidden;
}
#fb-root {
    margin-top: 5%;
}

Geändert von bleny87 (23.05.2011 um 11:50 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.05.2011, 20:58
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Link zum Problem bitte!
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.05.2011, 13:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2011
Beiträge: 10
bleny87 befindet sich auf einem aufstrebenden Ast
Standard

sooo,

ich habe eine lösung gefunden.

Tiny Accordion:
TinyAccordion JavaScript Accordion

kA. wieso es damit geht und mit dem aderen nicht...

damit funktioniert es... aber leider nur bei einem einzigen breitrag bzw. modul.

wie kann ich weitere accordion objekte anlegen?
Mit Zitat antworten
  #4 (permalink)  
Alt 24.05.2011, 20:08
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von bleny87 Beitrag anzeigen
sooo,

ich habe eine lösung gefunden.

Tiny Accordion:
TinyAccordion JavaScript Accordion

kA. wieso es damit geht und mit dem aderen nicht...
Schön, aber du weißt nicht was das Problem war.

Zitat:
Zitat von bleny87 Beitrag anzeigen
damit funktioniert es... aber leider nur bei einem einzigen breitrag bzw. modul.

wie kann ich weitere accordion objekte anlegen?
Ich wiederhole mich noch einmal: Poste einen Link zu deinem Problem!
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Antwort

Stichwörter
accordian, accordion, jquery, onload, pakete, scrollto

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
ID und CLASS gleichzeitig verwenden? Thera CSS 9 05.02.2008 18:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:03 Uhr.