SimonDerDude
Threadersteller
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: 
|
Verfasst Mi 31.03.2010 14:04
Titel JS Accodrion hide()? |
  |
|
Tagchen,
ich schreibe bezüglich eines JavaScripts. Leider habe ich hierzu keine Doku gefunden.
Es handelt sich hierbei um JQuery, in die .php Datei ist folgender Code eingepflegt:
| Code: | <script type="text/javascript">
$.accordian = function(items, first, options) {
var active = first;
var running = 0;
var titles = options && options.titles || '.title';
var contents = options && options.contents || '.content';
var onClick = options && options.onClick || function(){};
var onShow = options && options.onShow || function(){};
var onHide = options && options.onHide || function(){};
var showSpeed = options && options.showSpeed || 'slow';
var hideSpeed = options && options.hideSpeed || 'fast';
$(items).not(active).children(contents).hide();
$(items).not(active).each(onHide);
$(active).each(onShow);
$(items).children(titles).click(function(e){
var p = $(contents, this.parentNode);
$(this.parentNode).each(onClick);
if (running || !p.is(":hidden")) return false;
running = 2;
$(active).children(contents).not(':hidden').slideUp(hideSpeed, function(){--running;});
p.slideDown(showSpeed, function(){--running;});
$(active).each(onHide);
active = '#' + $(this.parentNode)[0].id;
$(active).each(onShow);
return false;
});
};
function simpleLog(message) {
$('<div>' + message + '<\/div>').appendTo('#log');
}
$(function(){
$.accordian('#list1 > div', '#item11');
$.accordian('#list2 > div', '#item20', {
titles:'.mytitle',
contents:'.mycontent',
onClick:function(){simpleLog(this.id + ' clicked')},
onShow:function(){simpleLog(this.id + ' shown'); $(this).removeClass('off').addClass('on');},
onHide:function(){simpleLog(this.id + ' hidden'); $(this).removeClass('on').addClass('off');},
showSpeed:250,
hideSpeed:550
});
});
</script> |
Da ich in JavaScript noch nicht allzu weit bewandert bin steh ich gerade aufm Schlauch 
Derzeit ist beim Aufruf der Seite immer ein Menupunkt bereits geöffnet.
Endergebnis = Kein Menupunkt soll geöffnet sein
Ich benutze nur die #list2 und das #item20 ist mein erster Punkt der immer geöffnet ist.
Sobald ich ein #item verweise das nicht existiert, wird sofort alles angezeigt als wäre kein Code da.
Was muss ich anstellen, dass kein Punkt geöffnet ist?
UND wie lösche ich die Zeile mit #list1 ohne dass das ganze ebenfalls nicht funktioniert.
Beispiel Items im <body>
| Code: | <div id="list2" style="margin-left: 50px;">
<div id="item20">
<div class="mytitle"><span class="cont_highplus"> + </span><span class="cont_title">Krankengymnastik (KG)</span></div>
<div class="mycontent">
<span class="cont_text">Gezielte Übungen um Defizite des Körpers zu bearbeiten. Kräftigung, Mobilisation, Koordination und Alltagsbelastungen werden geübt.</span><br><br>
<span class="cont_italic">Bsp.: Rückenschmerzen bei Schreibtischarbeit</span><br><br>
</div>
</div>
<div id="item21">
<div class="mytitle"><span class="cont_highplus"> + </span><span class="cont_title">Manuelle Therapie (MT)</span></div>
<div class="mycontent">
<span class="cont_text">Techniken, die direkten Einfluss auf das Gewebe ausüben. Gelenke werden mobilisiert, Verklebungen gelöst und Muskeln, Sehnen und Bänder bei Bedarf gedehnt.</span><br><br>
<span class="cont_italic">Bsp.: Kniebeugung ist nicht ganz möglich und soll erweitert werden</span><br><br>
</div>
</div> |
Weiss einer was?
|
|
Willkommen auf dem Portal für Mediengestalter
