B bikic Medlem sedan juni 2006 261 inlägg Frågan 9 dec. 2010 09:05 #1 var panel = $(".toggle_container");
var button = $("h2.trigger");
var initialState = "expanded"; // "expanded" OR "collapsed"
var activeClass = "active";
var state = $.cookie("panelState");
if($.cookie("panelState") == undefined) {
$.cookie("panelState", initialState);
}
if(state == "collapsed") {
panel.hide();
button.addClass(activeClass);
}
button.click(function(){
if($.cookie("panelState") == "expanded") {
$.cookie("panelState", "collapsed");
$(this).addClass(activeClass);
} else {
$.cookie("panelState", "expanded");
$(this).removeClass(activeClass);
}
panel.slideToggle("fast");
return false;
});
Så ser jskoden ut...och så här ser htmlkoden ut.
<div class="col-box-left">
<h2 class="trigger">Rubrik</h2>
<div class="toggle_container">
<div class="box-left-column">
asdasdasd
</div>
</div>
</div>
Nu till mitt problem. Jag vill kunna ha flera såna här funktioner på samma sida och det fungerar inte. Den triggar alla objekt samtidigt.
Jag måste hitta en lösning som gör att den tar den aktuella triggern och loggar cookies på just denna.
Går detta? Tacksam för hjälp!
R rhdf Medlem sedan okt. 2007 446 inlägg enklast är väl att ge varje h2.trigger ett unikt ID och sen plocka ut det för att klura ut vilken toggle_container som skall döljas/visas
nånting i stil med detta (fritt ur huvudet och otestat)
$("h2.trigger").click(function(){
var id = $(this).attr("id");
//rensa bort "t_"
panel = $("c_"+id);
panel.show()...
});
med HTML
<h2 class="trigger" id="t_1">Rubrik</h2>
<div class="toggle_container" id="c_1">
<div class="box-left-column">
asdasdasd
</div>
</div>
<h2 class="trigger" id="t_2">Rubrik</h2>
<div class="toggle_container" id="c_2">
<div class="box-left-column">
asdasdasd
</div>
</div>
Eller så sparar du index:et på ditt h2 element så du vet vilket index som skall visas
B bikic Medlem sedan juni 2006 261 inlägg rdhf: Jag vill helst undvika unika ID-nummer för just detta, då det ska användas vid flera olika sidor och funktioner.
Voigt: Är inte riktigt med på hur jag ska göra?
bikic skrev:
rdhf: Jag vill helst undvika unika ID-nummer för just detta, då det ska användas vid flera olika sidor och funktioner.
Utan ID så kan det bli svårt om du har det på flera sidor, hur skall du någonsin kunna säga vad som skall visas på vilken sida? Om toggle-header #2 är öppen på sidan x vad hur skall du göra då att sidan y inte också skall ha toggle-header #2 vara öppen
bikic skrev:
Voigt: Är inte riktigt med på hur jag ska göra?
Se svaret ovan. Ser bara problem med/hur du egentligen vill använda koden du har...
Nu till mitt problem. Jag vill kunna ha flera såna här funktioner på samma sida och det fungerar inte. Den triggar alla objekt samtidigt.
Gör ett plugin som kapslar in grupper och inte alla headers på sidan.
