OK, the simple css solution I posted last night fails too easily. Should have known, but it's been a while.

(If you add a second folding subheading beneath a folding heading (as you mouse down toward the second subhead, the first subhead folds, leaving you no longer hovered over the parent div, so the parent heading also folds... with the upshot that you can never unfold the second subhead.)

CM


On 8/25/11 10:19 PM, Christian Moe wrote:
Hi,

org-info-js may be your best bet, but for a lightweight solution that
works with your sample text without a single line of javascript, try
this (mouse over headings to display contents):

---------

#+TITLE: Folded headings in html export
#+style: <style>.folded > div {display: none;}
#+style: .folded > *:after {content: " ...";
#+style: background: yellow}
#+style: .folded:hover > div {display: block}
#+style: .folded:hover > *:after {content: ""}</style>

(...)


Reply via email to