Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You are overly complicating things. All you need is something like this:</p> <pre><code>$(".nav .js").find(".clicker").on("click", function() { $('.nav .js ul').hide(); $(this).next("ul").toggle(); }); </code></pre> <p>See your updated fiddle: <a href="https://web-beta.archive.org/web/20140320035008/http://jsfiddle.net:80/H3KRk/3/" rel="nofollow noreferrer">http://jsfiddle.net/H3KRk/3/</a></p> <p>Moreover, you need to have at least one common class for your anchors which are menus. For purposes other than menu, use more classes if needed. In your example, the class should be <code>clicker</code> on all menu anchors.</p> <p><strong>Update</strong>:</p> <p>In order to hide menu when clicked outside the menu itself, you need to get the target (using event delegation on document) and then apply this routine to that target anchor only. Something like this:</p> <pre><code>$(document).on("click", function(e) { var $elem = $(e.target); if ($elem.hasClass('clicker')) { $('.nav .js ul').not($elem.next('ul')).hide(); $elem.next("ul").slideToggle(); } else { $('.nav .js ul').hide(); } }); </code></pre> <p>See updated fiddle: <strong><a href="http://jsfiddle.net/H3KRk/4/" rel="nofollow noreferrer">http://jsfiddle.net/H3KRk/4/</a></strong></p> <p><strong>Update 2</strong>:</p> <p>Now, for your fallback to css. You are on the right track. Just a little tweak to your css.</p> <p>See this updated 2: <strong><a href="http://jsfiddle.net/H3KRk/5/" rel="nofollow noreferrer">http://jsfiddle.net/H3KRk/5/</a></strong></p> <p>You need to apply css on inner ul when hovering on li:</p> <pre><code>.nav &gt; .no-js &gt; li:hover &gt; ul { display:block; } </code></pre> <p>instead of <code>.nav .no-js:hover ul</code> as it was in your code.</p> <p>Hope that helps complete all of your problems.</p>
    singulars
    1. This table or related slice is empty.
    1. POonclick dropdown menu with fallback to on hover, work on more than one menu item
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USStumbler
    1. USAbhitalks
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POonclick dropdown menu with fallback to on hover, work on more than one menu item
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COThat's not quite right, for the hover is the same content, and how do you do that the menu will go up again when you click on the menu link or outside?
      singulars
      1. PO
      1. USLars Holmqvist
    2. CO@LarsHolmqvist: there you go, updated the answer. i thought you would be able to figure that out by yourself.
      singulars
      1. PO
      1. USAbhitalks
    3. CONow it's the next right, though, so when you turn off javascript in the browser so the menu will shift to onhover instead. What it does, however, so certain people the same content in both sub menus (menu shows one content in both).
      singulars
      1. PO
      1. USLars Holmqvist
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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