Afficher / masquer - barre de recherche avec Drop Down

1. Comment ajouter une barre de recherche en déroute?
2. Comment afficher et masquer les éléments div en fonction de la sélection déroulante?

Comment ajouter une barre de recherche en déroute?

Utilisez n'importe quel élément pour ouvrir le menu déroulant, E.g. un <bouton>, <un> ou alors <p> élément. Utilisez un élément de conteneur (comme <div>) Pour créer le menu déroulant et ajouter les liens déroulants à l'intérieur. Envelopper un <div> élément autour du bouton et le <div> Pour positionner correctement le menu déroulant avec CSS.

Comment afficher et masquer les éléments div en fonction de la sélection déroulante?

Si vous souhaitez masquer / afficher DIV sur Sélevé, utilisez le jQuery Hide () et Show (). Avant d'effectuer Hide ou Afficher Div sur la sélection déroulante, vous devez les cacher d'abord en utilisant CSS Affichage: Aucun. L'affichage de la div se produit dynamiquement en fonction du clic de l'option déroulante sélectionnée.