Answers.Body: <p>First of all, note that iBooks for OS X is very very buggy, and its behavior differs from iBooks on iOS with respect to many functions.</p>
  
  <p>Said that, note that "iBooks hiding <code>&lt;aside&gt;</code> elements" is an Apple quirk; any other reading system, in absence of relevant CSS rules or if they don't have a specialized behavior on elements carrying an <code>epub:type</code>, will display an <code>&lt;aside&gt;</code> as any other <code>&lt;div&gt;</code>.</p>
  
  <p>Have you tried applying a CSS rule (e.g., <code>visibility: hidden</code>) to your <code>&lt;aside&gt;</code>?</p>
  
  <p>BTW, for compatibility reasons, I tend to group the notes at the end of the XHTML file.</p>
  
  <p>Some links you might find useful:</p>
  
  <ul>
  <li><a href="http://www.idpf.org/accessibility/guidelines/content/xhtml/notes.php" rel="nofollow">http://www.idpf.org/accessibility/guidelines/content/xhtml/notes.php</a></li>
  <li><a href="http://www.pigsgourdsandwikis.com/2012/05/creating-pop-up-footnotes-in-epub-3-and.html" rel="nofollow">http://www.pigsgourdsandwikis.com/2012/05/creating-pop-up-footnotes-in-epub-3-and.html</a></li>
  <li><a href="http://www.heliconbooks.com/article/epubfootnote" rel="nofollow">http://www.heliconbooks.com/article/epubfootnote</a></li>
  </ul>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-10-05T08:15:48.850Z
Answers.Text: The links are dead
Answers.UserDisplayName: franzlorenzon
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-09-22T01:11:41.987Z
Answers.Text: Silly question, but after making my aside footnote invisible, now it doesn't show up in text but when I click on it the footnote window is not visible. Also the aside element still takes up space on the page even though it's invisible.
Answers.UserDisplayName: Schneems
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-09-22T01:16:25.130Z
Answers.Text: BTW You can still get a cached archive via wayback machine for the missing link https://web.archive.org/web/20150706043339/https://www.heliconbooks.com/article/epubfootnote
Answers.UserDisplayName: Schneems
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2014-05-04T15:34:48.517Z
Answers.LastActivityDate: 2014-05-04T15:34:48.517Z
Answers.UserDisplayName: Alberto Pettarin
Body: <p>I'm trying to use the pop-up footnotes for that are now supported by iBooks <a href="https://itunesconnect.apple.com/docs/iBooksAssetGuide5.1Revision2.pdf" rel="nofollow noreferrer">see here</a>. I can get the pop ups to work and it has the text that I want, but for some reason the text in the aside is also showing. </p>
  
  <p>Why does it do that? I can't tell what I'm doing differently compared to the examples that I've seen. I put my markup below. I've also taken screen shots of my computer so that you can see what I'm talking about. See <a href="https://i.imgur.com/JoX3enQ.png" rel="nofollow noreferrer">here</a> and <a href="https://i.imgur.com/VhFUEFe.png" rel="nofollow noreferrer">here</a></p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idf.org/2007/ops"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"/&gt;
      &lt;title&gt;Hello World: My First EPUB&lt;/title&gt;
      &lt;link type="text/css" rel="stylesheet" media="all" href="stylesheet.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;
        Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, 'and what is the use of a book,' thought Alice 'without pictures or conversation?'
        &lt;a href="content.html#l13" epub:type="noteref"&gt;1&lt;/a&gt;
    &lt;/p&gt;
    &lt;aside id="l13" epub:type="footnote"&gt;Alice estava começando a ficar muito cansada de sentar-se ao lado de sua irmã no banco e de não ter nada para fazer: uma ou duas vezes havia espiado o livro que a irmã estava lendo, mas não havia imagens nem diálogos nele, "e para que serve um livro", pensou Alice, "sem imagens nem diálogos?"
    &lt;/aside&gt;
  
    &lt;p&gt;
      &lt;a href="content.html#l24" epub:type="noteref"&gt;So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
      &lt;/a&gt;
    &lt;/p&gt;
    &lt;aside id="l24" epub:type="footnote"&gt;Então, ela pensava consigo mesma (tanto quanto podia, uma vez que o dia quente a fazia sentir-se sonolenta e letárgica) se o prazer de fazer uma coroa de margaridas valeria o trabalho de se levantar e apanhá-las, quando repentinamente um Coelho Branco com olhos rosados passou correndo perto dela.
    &lt;/aside&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2015-06-14T15:07:52.537Z
Comments.Text: Setting visibility to hidden hides footnote in popup too. Have you found any solution?
Comments.UserDisplayName: Heidar
Tags: <html><epub><apple-books>
Title: Why does the text in my aside display in my ebook?
UserDisplayName: j.jerrod.taylor
ThreadText: # Why does the text in my aside display in my ebook?
  
  (Asked by: username_0 on 2014-04-30)
  
  I'm trying to use the pop-up footnotes for that are now supported by iBooks [see here](https://itunesconnect.apple.com/docs/iBooksAssetGuide5.1Revision2.pdf). I can get the pop ups to work and it has the text that I want, but for some reason the text in the aside is also showing.
  
  Why does it do that? I can't tell what I'm doing differently compared to the examples that I've seen. I put my markup below. I've also taken screen shots of my computer so that you can see what I'm talking about. See [here](https://i.imgur.com/JoX3enQ.png) and [here](https://i.imgur.com/VhFUEFe.png)
  
  ```
  <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idf.org/2007/ops">
  <head>
      <meta charset="utf-8"/>
      <title>Hello World: My First EPUB</title>
      <link type="text/css" rel="stylesheet" media="all" href="stylesheet.css" />
  </head>
  <body>
    <p>
        Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, 'and what is the use of a book,' thought Alice 'without pictures or conversation?'
        <a href="content.html#l13" epub:type="noteref">1</a>
    </p>
    <aside id="l13" epub:type="footnote">Alice estava começando a ficar muito cansada de sentar-se ao lado de sua irmã no banco e de não ter nada para fazer: uma ou duas vezes havia espiado o livro que a irmã estava lendo, mas não havia imagens nem diálogos nele, "e para que serve um livro", pensou Alice, "sem imagens nem diálogos?"
    </aside>
  
    <p>
      <a href="content.html#l24" epub:type="noteref">So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
      </a>
    </p>
    <aside id="l24" epub:type="footnote">Então, ela pensava consigo mesma (tanto quanto podia, uma vez que o dia quente a fazia sentir-se sonolenta e letárgica) se o prazer de fazer uma coroa de margaridas valeria o trabalho de se levantar e apanhá-las, quando repentinamente um Coelho Branco com olhos rosados passou correndo perto dela.
    </aside>
  
    </body>
  </html>
  
  ```
  
  **Tags:** html, epub, apple-books
  
  > **Comments:**
  > **username_1**: Setting visibility to hidden hides footnote in popup too. Have you found any solution?  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_2 on 2014-05-04. Score: 2
  
  First of all, note that iBooks for OS X is very very buggy, and its behavior differs from iBooks on iOS with respect to many functions.
  
  Said that, note that "iBooks hiding `<aside>` elements" is an Apple quirk; any other reading system, in absence of relevant CSS rules or if they don't have a specialized behavior on elements carrying an `epub:type`, will display an `<aside>` as any other `<div>`.
  
  Have you tried applying a CSS rule (e.g., `visibility: hidden`) to your `<aside>`?
  
  BTW, for compatibility reasons, I tend to group the notes at the end of the XHTML file.
  
  Some links you might find useful:
  
  * <http://www.idpf.org/accessibility/guidelines/content/xhtml/notes.php>
  * <http://www.pigsgourdsandwikis.com/2012/05/creating-pop-up-footnotes-in-epub-3-and.html>
  * <http://www.heliconbooks.com/article/epubfootnote>
  
  > **Comments:**
  > **username_3**: The links are dead  
  > **username_4**: Silly question, but after making my aside footnote invisible, now it doesn't show up in text but when I click on it the footnote window is not visible. Also the aside element still takes up space on the page even though it's invisible.  
  > **username_4**: BTW You can still get a cached archive via wayback machine for the missing link https://web.archive.org/web/20150706043339/https://www.heliconbooks.com/article/epubfootnote  
  
  ---
  
  