Some Widgets work only when the page is saved.
The collapsible embedded page example throws an error when previewing the page, which you need to cancel.
For more advanced features see Getting Tricky with Wikis

It seems that embedded widgets are specific to the page they are created on, so you can not try one here and copy the media tag of type custom to another page.


Opening a Link in a New Window

Use Embed Widget => Other HTML and paste the following source into the text field.
Use the Preview to see if it works correctly.
<a href="http://justbasic.wikispaces.com/Just+BASIC+FAQ" target="_blank">Just BASIC FAQ Page</a>
Just BASIC FAQ Page

Change "http://justbasic.wikispaces.com/Just+BASIC+FAQ" to your desired url
Change Just BASIC FAQ Page to your desired displayed name (text)


Collapsible division


Use Embed Widget => Other HTML and paste the following source into the text field.
Use the Preview to see if it works correctly.

<script type='text/javascript'>
  function JBtoggle(ItemID) {
    if( document.getElementById(ItemID).style.display=='none' ) {
      document.getElementById(ItemID).style.display = 'block';
    }else{
      document.getElementById(ItemID).style.display = 'none';
    }
  }
</script>
<div onClick='JBtoggle("hidethis");' onmouseover='this.style.cursor="pointer"'>Click Me!</div>
<div id='hidethis' style='display: none;' >
<br/>Line One
<br/>Line Two
<br/>Line Three
<br/>Line Four
</div>

Life Example:

Click Me!


Collapsible Embedded Page


Use the include feature to include the following pages.

HTML_collaps_page_function (must be placed at the beginning of the page, only include once per page)
reuse this page, no need to create your own
<script type='text/javascript' language="JavaScript">
  function JBtoggle(ItemID) {
    if( document.getElementById(ItemID).style.display=='none' ) {
      document.getElementById(ItemID).style.display = 'block';
    }else{
      document.getElementById(ItemID).style.display = 'none';
    }
  }
</script>

HTML_div_TempHelpVista
must be created for each collapsible section
<script language="JavaScript">
  document.write('<div onClick="JBtoggle(\'TempHelpVista\');" onmouseover="this.style.cursor=\'pointer\'" style="color: #0000FF"><u>Show/Hide Embedded Page</u></div>')
  document.write('<div id="TempHelpVista" style="display: none">')
</script>

HTML_div_close
reuse this page, no need to create one of your own
<script language="JavaScript">
  document.write('</div>')
</script>

Page Content
this is how you include a collapsible page
[[include page="HTML_collaps_page_function"]]
[[include page="HTML_div_TempHelpVista"]]
[[include page="Temp_Help_for_Vista"]]
[[include page="HTML_div_close"]]

Multiple collapsible sections would look like this:
[[include page="HTML_collaps_page_function"]]
Some text here.
[[include page="HTML_div_TempHelpVista"]]
[[include page="Temp_Help_for_Vista"]]
[[include page="HTML_div_close"]]
Some other text here.
[[include page="HTML_div_JustBASICFAQ"]]
[[include page="Just BASIC FAQ"]]
[[include page="HTML_div_close"]]


Live Example


The CHM Helpfile and Tutorial provided here are just temporary available, till the official release is available.