Accordion springt zur Hauptseite

simonson · 17. Januar 2014 13:27

Hallo Gemeinde,
auf www.fw-bau.at/index.php?page=acc-test-2
findet ihr mein accordion, das fast perfekt funktioniert.
Wenn man die headlines anklickt öffnen sich die entsprechenden Akkordeoninhalte.
Mit einem weiteren Klick können die Akkrodeons geschlossen werden.

Klickt man hingegen die Pfeile an, gelangt man zur Haupseite :-(

Warum, bzw. wie kann ich das vermeiden und ein Schließen des Akk's erreichen?

Dank für Aufmerksamkeit und Mühe!

Klenkes · 17. Januar 2014 14:55

Dann must du halt das href="#" raus nehmen.
# ist kein Dokument oder URL und somit wird auf die Startseite geleitet.

NaN · 17. Januar 2014 14:58

Ich würde den ganzen Link mit einem <span> ersetzen.
Und ich würde nicht mit der ID "#button" arbeiten.
Wenn, dann mit der Klasse ".button".
Denn die ID "#button" wird mehrmals verwendet.
Darf sie aber nicht.
(ist halt das Wesen einer ID, nur einmal vorkommen zu dürfen wink )

faglork · 17. Januar 2014 15:30

Klenkes schrieb:

Dann must du halt das href="#" raus nehmen.
# ist kein Dokument oder URL und somit wird auf die Startseite geleitet.

Ja, aber nur weil base_href gesetzt ist ...

Für den Editor gibts da ne Lösung in Form von prefilter.replaceanchor.php, inwieweit sich das umbauen lässt um in den templates zu funktionieren weiss ich jetzt grad nicht ...

Servus,
Alex

simonson · 17. Januar 2014 16:04

lt. Klenkes href="#" entfernt -hat geholfen, wir bleiben auf der Seite.
lt. NaN .button eingesetzt-funktioniert nur bei offenem AKK,
beim geschlossenen kein Pfeil-icon.

Hier 'mal die quelle:

Hier klicken, um den Code zum Kopieren zu markieren

{literal} <style type="text/css">  
dt {font-weight:bold; background: #eceff3; width:430px; padding:10px 10px 9px 10px; margin-top:15px; 	margin-bottom:-4px; 	border-top:1px solid white; 	border-left:1px solid white; 	border-right:1px solid white; 	cursor:pointer; border-radius:5px; }  

dt:hover { 	color:black; 	background: #fffff0; }  

dd { 	display:none; background:#fffff0; margin:0 0 15px 0; width:430px; padding:10px 10px 15px 10px; border-left:1px solid white; border-right:1px solid white; }  

.button { float:right; display:block;	height:18px; width:17px; text-indent:-9999px; }  

.closed { background:url(http://www.fw-bau.at/button.png) left no-repeat; }  
.open { background:url(http://www.fw-bau.at/button.png) right no-repeat;  }  
</style> 
{/literal} 

<dt>Hier steht die Überschrift <a  class="button" class="closed"></a> </dt> 
<dd>Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (dt) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen. </dd> 

<br />
 <dt>Hier unser Angebt: <a  class="button" class="closed"></a> </dt> 
<dd>Besuchen Sie uns auf <a href="http://www.fw-bau.at" target="_blank">www.fw-bau.at</a>- wir machen Ihnen gerne ein Angebot </dd> 
<br />  

{literal} 
<script type="text/javascript">  
$(document).ready(function(){ 	
$("dt").click(function(){ // trigger 
$(this).next("dd").slideToggle("fast"); // blendet beim Klick auf "dt" die nächste "dd" ein.  		
$(this).children("a").toggleClass("closed open"); // wechselt beim Klick auf "dt" die Klasse des enthaltenen a-Tags von "closed" zu "open". }); });  
</script> 
{/literal}

Funktioniert also so lala, allerdings bringt der validator 12 Fehlermeldungen.
Kann ich das irgendwie verbessern?

Beitrag geändert von simonson (17. Januar 2014 17:22)

Forum für CMS/made simple

#1 17. Januar 2014 13:27

Accordion springt zur Hauptseite

#2 17. Januar 2014 14:55

Re: Accordion springt zur Hauptseite

#3 17. Januar 2014 14:58

Re: Accordion springt zur Hauptseite

#4 17. Januar 2014 15:30

Re: Accordion springt zur Hauptseite

#5 17. Januar 2014 16:04

Re: Accordion springt zur Hauptseite

Fußzeile des Forums