Vertikalen Menü, bootstrap und eckig
Ich versuche zu schaffen, vertikalen Menü wie dieses Website . das, was ich Suche ist : beim Menü ist der Zusammenbruch Untermenüs öffnen mit hover und wenn Menü geöffnet ist , Untermenüs öffnen, unten die links .
Hier ist mein JSFiddle , was ich getan habe, ist : ich kann das Menü öffnet sich nach klicken auf die Schaltfläche .
sub Menü (letzten) aber ich nicht wollen, öffnen Sie das Untermenü, wenn Menü ausgeblendet ist .
Winkel
var app = angular.module('myApp', []);
app.controller('mainCtrl', function ($scope) {
$scope.noneStyle = false;
$scope.bodyCon = false;
$scope.sasd = "asd";
//Toggle the styles
$scope.toggleStyle = function () {
//If they are true, they will become false
//and false will become true
$scope.bodyCon = !$scope.bodyCon;
$scope.noneStyle = !$scope.noneStyle;
}
});
UPDATE
Menü mit Untermenü :
Untermenü öffnen mit hover -
das ist, was ich will!!!!
thx im Voraus
Ich verstehe nicht, Ihre Frage. Können Sie bitte erklären, ein wenig mehr?
sicher,überprüfen Sie bitte mein link wrapbootstrap.com/preview/WB0RR5C65 , es ist eine sidebar-Menü mit sub-links , wenn Sie auf den button und schließen Sie die Menüs, sub-Menüs öffnen Sie mit schweben , das ist es, was ich will
lassen Sie mich wissen, wenn ich mich noch nicht klar zu stellen das Bild von dem, was ich will
So öffnen Sie das Menü und klicken Sie auf einen Untermenüpunkt (re-leitet Sie zu einer anderen Seite) - schließen Sie das Menü und das Untermenü bleibt der aktive link im Menü, ist das richtig?
Nein, warten Sie ein wenig , ich werde aktualisieren, meine Frage
sicher,überprüfen Sie bitte mein link wrapbootstrap.com/preview/WB0RR5C65 , es ist eine sidebar-Menü mit sub-links , wenn Sie auf den button und schließen Sie die Menüs, sub-Menüs öffnen Sie mit schweben , das ist es, was ich will
lassen Sie mich wissen, wenn ich mich noch nicht klar zu stellen das Bild von dem, was ich will
So öffnen Sie das Menü und klicken Sie auf einen Untermenüpunkt (re-leitet Sie zu einer anderen Seite) - schließen Sie das Menü und das Untermenü bleibt der aktive link im Menü, ist das richtig?
Nein, warten Sie ein wenig , ich werde aktualisieren, meine Frage
InformationsquelleAutor | 2014-12-20
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen. http://jsfiddle.net/zqdmny41/4/
Entfernen der Zusammenbruch Klasse aus Ihrer sub-Menü-Liste und Verwendung ng-mouseenter auf das Menü und ng-mouseleave auf die beiseite tag.
Auch Ihre div und li tags sind alle über dem Platz, bitte strukturieren Sie Sie richtig. Zum Beispiel, div nicht in zwischen den beiden li-tags.
sicher, ich werde es tun, aber ich will nicht mit Untermenü öffnen mit hover beim Menü geöffnet ist, siehe meine Frage und links
Dies versuchen. jsfiddle.net/zqdmny41/6
Mann, du bist der beste und kreativ, aber es ist nicht das beste und saubere Art und Weise. thx a lot
Ja, du musst immer noch ein lil bit der Feinabstimmung. Ihr willkommen.
InformationsquelleAutor Aakash