Databases
StackOverflow2013
Postsdbo
POShow/Hide button doesn't work on Mac
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POShow/Hide button doesn't work on Mac
    text
    copied!<p>So the show/hide button works fine in all the browsers on Windows, but doesn't work as expected in Safari and Google Chrome on Mac. It either doesn't show/hide the list at all, or shows only partial items... I use <a href="http://www.htmldog.com/articles/suckerfish/dropdowns/" rel="nofollow">(Son of) Suckerfish</a></p> <p>for the multi-level dropdown. Here is the URL: <a href="http://eximi.dreamhosters.com/Hawaii/pkdiet/pkd.php" rel="nofollow">http://eximi.dreamhosters.com/Hawaii/pkdiet/pkd.php</a></p> <p>JavaScript for the show/hide button:</p> <pre><code>function toggleDiv() { if (document.getElementById("submenu").style.display == "block") { document.getElementById("submenu").style.display = "none"; } else { document.getElementById("submenu").style.display = "block"; } } </code></pre> <p>CSS for 'suckerfish' part:</p> <pre><code>#nav, #nav ul { float: left; width: 14em; list-style: none; line-height: 1; font-family: Tunga, sans-serif; font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 1em 0; } #nav a { display: block; width: 10em; w\idth: 6em; color: #996637; text-decoration: none; padding: 0.25em 2em; } #nav a.daddy { background: url(rightarrow2.gif) center right no-repeat; } #nav li { /*float: left;*/ padding: 0; width: 10em; } #nav li ul { position: absolute; left: -999em; height: auto; width: 14.4em; font-weight: normal; border-width: 0.25em; margin-left : 10.05em; margin-top : -1.35em; } #nav li li { padding-right: 1em; width: 13em } #nav li ul a { width: 13em; w\idth: 9em; } #nav li ul ul { margin: -1.75em 0 0 14em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } </code></pre> <p>You can see the HTML in the source code on the URL above. Thank you!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload