jquery - Resetting the .style of an element / reverting to 'initial' without .style overriding -

-

i have div (.projecttitle) inside of div (.projectcontainer). when screen greater 1000px wide, .projecttitle initialized opacity:0;. when screen less 1000px wide, initialized opacity:1;. see:

@media (min-width: 1000px) {     .projecttitle {         opacity:0;     } } @media (max-width: 1000px) {     .projecttitle {         opacity:1;     } }

now, if .projectcontainer hovered on while screen wider 1000px, opacity of .projecttitle should animate 1, , 0 when unhovered. however, nothing should happen if hovered on when screen less 1000px; should alway remain @ 1 in case.

i have variable (windowstate) changes depending on width of screen:

less 1000px, windowstate = 3

greater 1000px, windowstate = 2

i have jquery event looks handle hovering, it's job properly:

$(".projectcontainerr").hover(     function(){         if (windowstate != 3){             $('.projecttitle', this).animate({                 opacity:1},100);         }     },     function(){         if(windowstate != 3){             $('.projecttitle', this).animate({                 opacity:"initial"},100);         }     } );

the problem

when opacity reset it's value of initial (aka, value defined in media queries) after unhovering, value overridden fact set 1, when hovered onto. "1" value hovering placed element's style, overriding inherited value css 'initial' has returned to.

how prevent value overriding / reset / animate without using element's style?

why don't using css3 transition instead of jquery

@media (min-width: 1000px) {   .projectcontainer:hover .projecttitle{     opacity: 1;     transition: opacity 1s ease-in-out;     -moz-transition: opacity 1s ease-in-out;     -webkit-transition: opacity 1s ease-in-out;   }   .projecttitle {     opacity:0;   } } @media (max-width: 1000px) {   .projecttitle {     opacity:1;    } }

here demo


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

Simple Angular 2 project fails 'Unexpected reserved word' -

-
i trying create simple angular2 project based on ng2do project. using quickstart , have following code... <script src="js/quickstart/dist/es6-shim.js"></script> .... import {component, template, bootstrap, foreach} 'js/quickstart/angular2/angular2'; this gives me following error... uncaught syntaxerror: unexpected reserved word what missing? don't know if helps have been having issues day realised because starting code script reference <script src="app.js"> </script> instead of using <script> system.import('app'); </script> hope helps using in tsconfig { "version": "1.5.0-beta", "compileroptions": { "target": "es6", "module": "amd", "declaration": false, "noimplicitany": false, "removecomments": true, "nolib": fal...
Read more

php - Get process resource by PID -

-
Image
i want write web ssh console, , found 2 problems. what want do. first want execute start.php file have following code. $process = proc_open('start', array( 0 => array("pipe", "r"), 1 => array("pipe", "w"), 2 => array("pipe", "a") ), $pipes); second want run command.php file run command on created process in start.php file , results it. $pid = 12345; print_r(process_command('ping google.com', $pid)); i want access process ( cmd ) created in past, send command , result. why problem, if can create new process each command.php execution? because new process new session, if login mysql in past command.php execution, in next executions must login mysql again, because new process not remember logged. example on windows. i create new process ( cmd ) in php, current directory c:\webserv\ . i write cd / command, current directory c:\ . this example, dont want c...
Read more