* Expandable sidebar
@ 2011-11-16 19:03 Aris Bezas
2011-11-17 14:43 ` Ian Barton
0 siblings, 1 reply; 2+ messages in thread
From: Aris Bezas @ 2011-11-16 19:03 UTC (permalink / raw
To: emacs-orgmode
[-- Attachment #1: Type: text/plain, Size: 287 bytes --]
Hi there,
I am building an academical site with orgmode-emacs (http://earlab.org/).
I want to implement an expandable sidebar but a have a problem to do it.
I am sending the files of my implementation -> http://igoumeninja.org/org/index.html
Thanks in advance.
Aris Bezas
[-- Attachment #2.1: Type: text/html, Size: 627 bytes --]
[-- Attachment #2.2: expandable-sidebar.zip --]
[-- Type: application/zip, Size: 80516 bytes --]
[-- Attachment #2.3: Type: text/html, Size: 147 bytes --]
^ permalink raw reply [flat|nested] 2+ messages in thread
* Re: Expandable sidebar
2011-11-16 19:03 Expandable sidebar Aris Bezas
@ 2011-11-17 14:43 ` Ian Barton
0 siblings, 0 replies; 2+ messages in thread
From: Ian Barton @ 2011-11-17 14:43 UTC (permalink / raw
To: emacs-orgmode
On 16/11/11 19:03, Aris Bezas wrote:
> Hi there,
>
> I am building an academical site with orgmode-emacs (http://earlab.org/).
> I want to implement an expandable sidebar but a have a problem to do it.
> I am sending the files of my implementation ->
> http://igoumeninja.org/org/index.html
>
You can do this using jQuery. In the head section of your html you need:
<!-- jQuery stuff. -->
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
type="text/javascript"></script>
<script src="./files/js/show-hide.js" type="text/javascript"></script>
The show-hide.js looks like:
$(document).ready(function() {
$('div.outline-3> div').hide();
$('div.outline-3> h3').click(function() {
$(this).siblings('div').toggle();
return false;
}).siblings('div').hide();
This will hide any headers under the div with class=div.outline-3. If
you click on a header with this class visibility of all it's
sub-headings wil be toggled.
You might also want to have a look at the TableOfContents Plugin for
jQuery by Doug Neiner, which will auto generate a TOC for you.
Ian.
^ permalink raw reply [flat|nested] 2+ messages in thread
end of thread, other threads:[~2011-11-17 14:44 UTC | newest]
Thread overview: 2+ messages (download: mbox.gz follow: Atom feed
-- links below jump to the message on this page --
2011-11-16 19:03 Expandable sidebar Aris Bezas
2011-11-17 14:43 ` Ian Barton
Code repositories for project(s) associated with this external index
https://git.savannah.gnu.org/cgit/emacs.git
https://git.savannah.gnu.org/cgit/emacs/org-mode.git
This is an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.