Bullet List Accordion Menu Bullet List Accordion Menu In this menu example, the menu headers are H3 tags, with each sub menu being UL tags that expand/ contract. A CSS class gets dynamically added to a header when it's expanded to style the expanded header. The headers are toggled via "click" of the mouse, and all headers can be collapsed. Required external file (right click, and select "Save As"): ddaccordion.js Full HTML Source: The menu uses three images for the purpose of styling the menu (download by right clicking, and select "Save As"): See the frontpage of Accordion Content script for a full explanation of each setting inside the script. Bullet List Accordion Menu with nested levels The same menu as above, but this one illustrates how you would add a collapsible second level. The key is creating a nested accordion menu is to treat each level of category headers as a new instance of Accordion Content script, so the 2nd nested level in this case ("CSS Drive") would be a new instance.
MonkeyGTD - MonkeyGTD asdf config.options.chkHttpReadOnly = false;\n <!--{{{-->\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class='editor' macro='edit title'></div>\n<div class='editor' macro='edit text'></div>\n<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>\n<!--}}}--> <<tiddler MainMenu>>\n\nAuthorMainMenu\nMainMenu\nDefaultTiddlers\nPluginManager\nPresentationIndex\n /***\nPlace your custom CSS here\n***/\n/*{{{*/\n\n\n[[StyleSheetCommon]]\n/*}}}*/\n ! Story.prototype.refreshTiddler_activelink = Story.prototype.refreshTiddler;\nStory.prototype.refreshTiddler = function (title,template,force)\n{\n var theTiddler = Story.prototype.refreshTiddler_activelink.apply(this,arguments);\n if (! config.options.chkAnimate = false;\nconfig.options.chkSinglePageMode = true;\nconfig.options.chkTopOfPageMode = false; ! ! ! <!
TiddlyThemes CLEO :: Firefox Add-ons SidebarPluginVault - TiddlyWiki plugins and extensions MPTW - tiddlywiki powered up (2.5.2) TiddlyWiki <<list untagged>> Its useful to understand the structure of a web page so you can 'describe' in your styles which element (like div, a, or #contentWrapper) you are coloring. For simplicity I'll only include elements that you would want to style. (Firefox extensions make this easier and somwhat automated.) I hope to make this list collapsable in the future to improve legibility. <<tabs txtMainTab\nTimeline Timeline TabTimeline\nAll "All tiddlers" TabMoreAll\nMore "More tabs" TabMore\n>>\n <<tabs txtMoreTab\nUntagged "Untagged tiddlers" TabMoreUntagged\nMissing "Missing tiddlers" TabMoreMissing\nOrphaned "Orphaned tiddlers" TabMoreOrphans\n>> TiddlyWiki is the HTML/Javascript engine that powers this blog. ! [[Hello World]] mrbiotech is an amateur skinning enthusiast who typically makes themes and skins for alternate Windows shells like Litestep or Astonshell. [[SiteTitle]] .: SiteSubtitle :. This is the blank template by [[mrbiotech]]. <<search>>\n\n!
Snap Links :: Firefox Add-ons Small Tools for Big Ideas™ Call directly into TW core utility routines, define new functions, calculate values, add dynamically-generated TiddlyWiki-formatted output into tiddler content, or perform any other programmatic actions each time the tiddler is rendered. Documentation see InlineJavascriptPluginInfo Revisions 2010.12.15 1.9.6 allow (but ignore) type="..." syntax 2005.11.08 1.0.0 initial release Code Backward-compatibility for TW2.1.x and earlier if (typeof(wikifyPlainText)=="undefined") window.wikifyPlainText=function(text,limit,tiddler) { if(limit > 0) text = text.substr(0,limit); var wikifier = new Wikifier(text,formatter,null,tiddler); return wikifier.wikifyPlain(); } GLOBAL FUNCTION: $(...) — 'shorthand' convenience syntax for document.getElementById() if (typeof($)=='undefined') { function $(id) { return document.getElementById(id.replace(/^#/,'')); } }
Instiki