J'ai la structure HTML suivante Je veux faire cette fonction de structure comme une sélection / option, (je ne peux pas changer les balises)
J'ai essayé d'appliquer à basculer sur le parent div, mais qui ne s'ouvre et ne ferme que le conteneur DIV, il ne modifie pas la fonctionnalité comme option de sélection. EDIT:
Il suffit de la modifier visuellement comme un type d'option de sélection de liste déroulante est suffisant. Toute aide appréciée. Merci.
5 Réponses :
Vous pouvez ajouter un événement de clic sur la divs interne ('.Category') et il capture la valeur "sélectionnée".
ex:
Utilisez le code JavaScript suivant. Qui résoudra votre problème
EDIT: J'ai révisé le jsfiddle pour montrer pour une solution Solution Solution, Ce jsfiddle utilise un plugin simple qui a d'excellentes effets d'animation et des paramètres de configuration d'animation. html: JavaScript: Tutoriel original Si vous aimez le jsfiddle, veuillez consulter le lien Animation de panneau pour voir de nombreux types d'animations à la configuration. div a une nouvelle sélection.
Animation et tutoriel
J'ai fait avec ce qui suit: strong> em> function DropDown(el) {
this.dd = el;
this.initEvents();
}
DropDown.prototype = {
initEvents : function() {
var obj = this;
obj.dd.on('click', function(event){
$(this).toggleClass('active');
event.stopPropagation();
});
}
}
$(function() {
var dd = new DropDown( $('#dd') );
$(document).click(function() {
// all dropdowns
$('.select-wrapper').removeClass('active');
});
});
Qu'est-ce que vous voulez dire exactement par "rendre cette fonction de structure comme une option de sélection / option"?
Pourquoi ne pouvez-vous pas modifier les éléments HTML pour être un
@Diggersworld: Il y a beaucoup de fonctionnalités derrière cette structure. Je viens de montrer en simplifiant ça.changing Le DIV changera d'autres fonctionnalités et inclura beaucoup de changement de JavaScript. Il est donc préférable de le rendre visiblement comme le type de sélection-option.
@Lorax: par type de sélection-option, je veux dire les balises d'option de sélection de liste déroulante dans le type de type HTML
Tympanus.net/codrops/2012/10/04 / Custom-Drop-Down-List-Stylin g
JSBIN Demo de www.9lessons.info