Please see Page Edit Keys.
Synopsis
Activate Squarespace editor using a key sequence.
I don't know if my code fully replicates how SS's escape key function worked. Obviously I can't compare the behaviour of SS's code to mine.
I suggest not using the Escape key alone but use it with a modifier key such as alt/option, control, and/or command/meta keys. Site visitors are probably less likely to hit a multi-key combo and get dumped into the SS account login screen than if just the escape key is pressed.
Let me know how it goes.
As a further update I can report that I submitted this as support case. It is a known problem being worked on for a future release AND there is a workaround that resolved the problem for my case. If you encounter this, try adding a second donate-block to the page. I created an identical donate-block just below my original, could see the proper “4. Additional Information”, and then deleted my original donate-block. Solved my problem.
Here's a slightly more concise solution, using jQuery.
The idea is to use a Markdown block to hold your questions and answers. It should be the only Markdown block on the page.
The Markdown will look something like the following (The + at the start of each question is a cue for the user to know they can expand the entry).
+ This is a first question
-----------------
This is the first line of an answer to the question above. This is a second line of the answer.
* Bullet points
* Can be used too
+ This is a second question
-----------------
This is a one line answer to the question above.
Questions should be styled as H2.
Then put the following code into your page's injection point:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.markdown-block .sqs-block-content h2').css('cursor','pointer');
$(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle();
$(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();});
});
</script>
The first can be omitted if you already have a link to jQuery in your sitewide code injection point.
The second script tells the mouse cursor to become a pointer when over the Markdown H2s - this is to tell the user it's clickable. Then, when an H2 is clicked it toggles the visibility of all content between the clicked H2 and the next H2 / the end of the markdown block.
See it in action here - http://www.silvabokis.com/idea-testing/