jquery - Bootstrap horizontal drop down menu with sliding animation -

-

so regular bootstrap drop down menu, want customize it'd have sliding animation , display horizontally, both @ same time. found solution the former:

// add slidedown animation dropdown $('.dropdown').on('show.bs.dropdown', function(e){   $(this).find('.dropdown-menu').first().stop(true, true).slidedown(); });  // add slideup animation dropdown $('.dropdown').on('hide.bs.dropdown', function(e){   $(this).find('.dropdown-menu').first().stop(true, true).slideup(); });

and the latter:

.dropdown-menu > li{   display: inline-block;   float:left; } .open> ul {   display: inline-flex !important; }

but when tried combine both solutions things went wrong.

in milliseconds animation happens when opening drawer, height of menu larger should be, , likewise width of dropdown menu shrinks when closing drawer. seems should solved after overriding height somewhere, i'm unsure class exactly. possible have both these features on same drawer, in case?

for height: can override height in css max-height.

the problem, why dropdown-menu shrinks before closing css class of bootstrap display, gets rendered before sliding action triggered. work-around manually override display style display: inline flex (as when menu open).

your updated fiddle can found here.

i hope helps...


Comments

Post a Comment

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

-
i have following viewset: class artistprofileviewset(viewsets.modelviewset): queryset = artistprofile.objects.all() serializer_class = artistprofileserializer def perform_create(self, serializer): if serializer.is_valid(): serializer.save() with following serializers: class simpleartisttrackserializer(serializers.hyperlinkedmodelserializer): class meta: model = artisttrack fields = (...my fields...) class artistprofileserializer(serializers.hyperlinkedmodelserializer): owners = userserializer(many=true, required=false) tracks = simpleartisttrackserializer(many=true, required=false) class meta: model = artistprofile fields = (...my fields...) i getting following error: assertionerror: cannot call `.save()` after accessing `serializer.data`.if need access data before committing database inspect 'serializer.validated_data' instead. i don't see editing serializer.data object. th...
Read more

Why does Go error when trying to marshal this JSON? -

-
i'm trying rather simple example of trying decode json file structs using golang. however, when attempting error that json: cannot unmarshal object go value of type []main.track which don't understand. here's code in question, , json can found here . package main import ( "encoding/json" "fmt" "net/http" "os" ) // tracks group of track types type tracks struct { tracks []track } // track represents singular track type track struct { name string url string artist artist } // artist represents single artist type artist struct { name string mbid string url string } func main() { url := "http://ws.audioscrobbler.com/2.0/?method=geo.gettoptracks&api_key=c1572082105bd40d247836b5c1819623&format=json&country=netherlands" response, err := http.get(url) if err != nil { fmt.printf("%s\n", err) os.exit(1) } de...
Read more