Hoe laat ik het submenu zichtbaar blijven zodat de gebruiker er uit kan kiezen?

Ik probeer een drop-submenu te maken aan de zijkant van de navigatiebalk die zich in het midden van de afbeelding bevindt. Ik heb een afbeelding geüpload die een transparant vakje is (dat de bkgd van het submenu weergeeft) en gebruikte de volgende codes.

Wanneer ik de muisaanwijzer boven de navigatiebalk houd, wordt de nav weergegeven, maar verbergt zich vervolgens nadat de muis zich van de balk heeft verwijderd. Ik wil dat het submenu blijft weergeven, zodat de gebruiker er uit kan kiezen.

The url of my page is: http://arabic001.com

$(document).ready(function() {

            $('#arbNavText01').mouseover(function()  {
                $('#subNav01').show('slow');
            });

            $('#arbNavText01').mouseout(function() {
                $('#subNav01').hide('slow');
            }); 
            })
2
Kun je je plaatsing in een vraag herwerken? Bij voorkeur iets duidelijk en beknopt.
toegevoegd de auteur Sparky, de bron

2 antwoord

Hoe laat ik het submenu zichtbaar blijven?

Ik zou zeggen dat het .hide() niet het submenu is, maar dat lijkt zo voor de hand liggend. Mis ik wat je probeert te bereiken? U moet meer duidelijkheid krijgen over uw vraag.

Bewerken: Oké, ik heb uw site bekeken en nu weet ik wat u bedoelt. Maar je moet je vraag zeker nog duidelijker stellen.

U zou het submenu niet moeten .hide() wanneer u de navigatiebalk verlaat. Zoek in plaats daarvan naar andere triggers om het submenu te verbergen. Bijvoorbeeld: het submenu verlaten, een ander navigatie-item invoeren met de muis, de navigatiebalk langer dan x seconden verlaten zonder het submenupaneel te openen.

3
toegevoegd
Het antwoord van lljaas is onvolledig. Denk je dat ik mijn vraag duidelijker moet maken? lljaas begreep mijn vraag. Maar ik weet nog steeds niet wat de trigger zou moeten zijn.
toegevoegd de auteur L1900, de bron
Ik wil dat het verdwijnt nadat de gebruiker op een item in het submenu klikt
toegevoegd de auteur L1900, de bron
probleem opgelost!
toegevoegd de auteur L1900, de bron
ja, behoorlijk dubbelzinnig ...
toegevoegd de auteur ComputerSaysNo, de bron
Plaats alsjeblieft geen algemene opmerkingen als antwoord!
toegevoegd de auteur Sparky, de bron
Toen ik het verwijderde, was het meer een commentaar dan een antwoord.
toegevoegd de auteur NullUserException, de bron
Het hangt ervan af wat je wilt. Het is duidelijk dat u het submenu wilt laten verschijnen bij het invoeren van het navigatie-item. Wanneer wil je dat het verdwijnt?
toegevoegd de auteur Iljaas, de bron

als ik het goed begrijp, is dit wat je wilt:

$( document ).ready(function() {
  $( "#arbNavText01" ).hover(
   //mouse in
    function() {
     //if the sub menu is not visible
      if ( ! $( "#subNav01" ).is( ":visible" ) ) {
       //make it visible
        $( "#subNav01" ).show( "slow" );
      };
    },
   //mouse out
    function() {
     //you can also hide it when mouse is out of "arbNavText01"
     //if not, comment the next 3 lines of code
      if ( $( "#subNav01" ).is( ":visible" ) ) {
        $( "#subNav01" ).hide( "slow" );
      };
    }
  );
});
0
toegevoegd
Ik heb de bovenstaande code geprobeerd en het doet nog steeds niet wat ik wil. Het submenu verdwijnt wanneer ik wegga van de hoofdmenubalk.
toegevoegd de auteur L1900, de bron
Het spijt me dat mijn laatste opmerking een vergissing was. Toen ik de laatste drie regels code opmerkte, blijft het submenu staan, wat een grote verbetering is. Dank je. Maar nu wil ik dat het verdwijnt wanneer ik er vanaf ga (het submenu) of wanneer ik erop klik zodra het de items heeft (wat links zijn). Wat is de code daarvoor.
toegevoegd de auteur L1900, de bron
probleem opgelost!
toegevoegd de auteur L1900, de bron