css3 - jQuery bottom position or transition reverse? -



css3 - jQuery bottom position or transition reverse? -

i have problem can't find solution to.

i have 4 icons in div so:

<div class="icons"> <img id="planung" src="assets/images/charts/ablauf/planung.png" /> <img id="machbarkeit" src="assets/images/charts/ablauf/machbarkeit.png" /> <img src="assets/images/charts/ablauf/entwicklung.png" /> <img src="assets/images/charts/ablauf/innovation.png" /> </div>

now have text boxes above, have height , width of 0 so:

<div class="ablauftext" id="planungtext"> asd </div> <div class="ablauftext" id="machbarkeittext"> asd </div>

the text boxes animated on icons. illustration "planungtext" aligned on top left of icon "planung". icons div has width of 80% , icons themself positioned via justify. i'm using jquery position of every icon. problem is, offset gets top , left positions. when set these positions , add together negative margin of height, positioned on top of icon. problem now, transition when click icon "planung" top left bottom right. ofcourse is, set top value.

now 2 things create work:

a) there way bottom position of icon, rather top, or b) there way reverse transition?

my illustration might not reply this: reformat html icon , text in same containing div

<div class="icons"> <div class="icon"> <img id="planung" src="assets/images/charts/ablauf/planung.png" /> <div class="ablauftext" id="planungtext"> asd </div> </div> <div class="icon"> <img id="machbarkeit" src="assets/images/charts/ablauf/machbarkeit.png" /> <div class="ablauftext" id="machbarkeittext"> asd </div> </div> <div class="icon"> <img src="assets/images/charts/ablauf/entwicklung.png" /> </div> <div class="icon"> <img src="assets/images/charts/ablauf/innovation.png" /> </div> </div>

now, instead of using jquery .position() find position, can cutting part out , show , hide text div. position:absolute images , text within of .icon class.

leave comment if need more info. if need more info, might need more info you.

jquery css3

Comments

Post a Comment

Popular posts from this blog

c - Compilation of a code: unkown type name string -

c - Compilation of a code: unkown type name string - i have next lines of code compiler says following: "unknown type name 'string'" both in declaration , definition of function. can tell me what's wrong? thanks. #include <stdio.h> #include <stdlib.h> #include <string.h> void frecognizeclient(string *actualclient) there no string type in c. need utilize array so: char array[10]; then can pass in function: void frecognizeclient(char *actualclient); c arrays string compilation
Read more

java - Bypassing "final local variable defined in an enclosing type" -

java - Bypassing "final local variable defined in an enclosing type" - i'm writing programme , i'm getting "the final local variable asd cannot assigned, since it's defined in enclosing type". i provide illustration not code produces error aswell. have arraylist utilize later (if define within button can't utilize later on), outside of button, pressing button should give values arraylist. in illustration "create new arraylist" cause same problem. button btn = new button("asd"); final arraylist asd = new arraylist(); btn.setonaction(new eventhandler<actionevent>() { public void handle(final actionevent event) { asd = new arraylist(); //here's error.. } }); clear arraylist , add together values. java javafx
Read more

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) - hello have problem hibernate , jackson. have 2 pojos @entity @table(name = "users") public class user implements serializable { static final long serialversionuid = 4235637833262722256l; @id @generatedvalue private int id; @column(name = "creation_date") private date creationdate; @column(name = "first_name") private string firstname; @column(name = "last_name") private string lastname; @version @column(name = "version") private int version; @column(name = "e_mail") private string email; @column(name = "enabled") private boolean enabled; @column(name = "login") private string login; @column(name = "password") private string password; @jsonmanagedreference("role") @onetomany(mappedby = "user", cascade = cascadetype.all,fetch = fetchtyp...
Read more