Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Okay this is the code I have:</p> <p>The stuff commented out worked fine, but didn't talk to unique ID's. The code above that doesn't work.</p> <pre><code>$(document).ready(function () { $(".toggle_container").each(function() { $(this).toggle($.cookie('show-' + this.id) != 'collapsed'); }); $(".trigger").click(function () { var tc = $(this).toggleClass("active").next(".toggle_container").slideToggle("slow", function() { $.cookie('show-' + $(this).attr("id"), $(this).is(":hidden") ? 'collapsed' : 'expanded'); }); return false; });​ //$(".toggle_container").toggle($.cookie('showTop') != 'collapsed'); /*$(".trigger").click(function () { $(this).toggleClass("active").next(".toggle_container").slideToggle("slow,"); $.cookie('showTop', $(".toggle_container").is(":hidden") ? 'expanded' : 'collapsed'); return false; });*/ }); </code></pre> <p>and this is the HTML</p> <pre><code> &lt;li&gt; &lt;input id="MC_ctl00_RPS_chkItem_1" type="checkbox" name="ctl00$MC$ctl00$RPS$ctl01$chkItem" /&gt; &lt;label for="MC_ctl00_RPS_chkItem_1" id="MC_ctl00_RPS_lbl_1"&gt;Medium&lt;/label&gt; &lt;a class="trigger" href="#"&gt;Toggle&lt;/a&gt; &lt;div class="toggle_container" id="divFund"&gt; &lt;p class="funding"&gt;&lt;strong&gt;Funding&lt;/strong&gt;&lt;/p&gt; &lt;ul class="childs"&gt; &lt;li class="child"&gt; &lt;input id="MC_ctl00_RPS_RPF_1_chkItem_0" type="checkbox" name="ctl00$MC$ctl00$RPS$ctl01$RPF$ctl00$chkItem" /&gt; &lt;label for="MC_ctl00_RPS_RPF_1_chkItem_0" id="MC_ctl00_RPS_RPF_1_lbl_0"&gt;Fully Funded&lt;/label&gt; &lt;a class="trigger" href="#"&gt;Toggle&lt;/a&gt; &lt;div class="toggle_container" id="divDays"&gt; &lt;p class="days"&gt;&lt;strong&gt;Days&lt;/strong&gt;&lt;/p&gt; &lt;ul class="days clearfix"&gt; &lt;li&gt; &lt;label for="MC_ctl00_RPS_RPF_1_txtPre16_0" id="MC_ctl00_RPS_RPF_1_lblPre16_0"&gt;Pre 16&lt;/label&gt; &lt;input name="ctl00$MC$ctl00$RPS$ctl01$RPF$ctl00$txtPre16" type="text" id="MC_ctl00_RPS_RPF_1_txtPre16_0" /&gt; &lt;/li&gt; &lt;li&gt; &lt;label for="MC_ctl00_RPS_RPF_1_txtPost16_0" id="MC_ctl00_RPS_RPF_1_Label1_0"&gt;Post 16&lt;/label&gt; &lt;input name="ctl00$MC$ctl00$RPS$ctl01$RPF$ctl00$txtPost16" type="text" id="MC_ctl00_RPS_RPF_1_txtPost16_0" /&gt; &lt;/li&gt; &lt;li&gt; &lt;label for="MC_ctl00_RPS_RPF_1_txtTeacher_0" id="MC_ctl00_RPS_RPF_1_Label2_0"&gt;Teacher&lt;/label&gt; &lt;input name="ctl00$MC$ctl00$RPS$ctl01$RPF$ctl00$txtTeacher" type="text" id="MC_ctl00_RPS_RPF_1_txtTeacher_0" /&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/li&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload