html - jQuery function prevents media queries to trigger -



html - jQuery function prevents media queries to trigger -

i have few media queries in css alter properties of html elements. 1 of element div called .downloads , 1 of properties changing height of .downloads.

@media (max-width: 764px) { .downloads { height: 500px; } }

i have jquery function manipulates height of .downloads on action user does.

$('.downloads').animate({'height': 250}, 500);

problem is, after jquery function, media queries not work anymore. assume is, because height got placed inline after jquery function got triggered.

<div class="downloads" style="height: 250px;"></div>

is there thought problem? thanks

ok, think you're trying do...

you want animate element , down, remain fixed in 500px when on smaller screen. so, should not using jquery, add together inline styling element, , you'll not able command mix media queries rules...

instead, add/remove class have height animation, , toggle jquery. then, can disable class properties on media query rule:

something this

css:

.downloads { height: 0px; transition: 0.5s; overflow: hidden; border: 1px solid red; } .downloads.change { height: 250px; } @media (max-width: 764px) { .downloads, .downloads.change { transition: none; height: 500px; } }

js:

$('button').on('click', function() { $('.downloads').toggleclass('change'); });

jquery html css media-queries

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

ubuntu - Bash Script to Check That Files Are Being Created -

ubuntu - Bash Script to Check That Files Are Being Created - we have amazon ec2 instance upload output our security cameras. every , then, cameras have issue, stop uploaded, , need rebooted. easy way determine seeing if files not beingness created. problem creates lots , lots of files. if utilize find -ctime, takes long time script run. there faster way check see if files have been created since yesterday? need capture result, (yes there files, or not there not,) , email message, nice have didn't take half hr run. #!/bin/bash find /vol/security_ftp/west -ctime -1 find /vol/security_ftp/backentrance -ctime -1 find /vol/security_ftp/boardroomdoor -ctime -1 find /vol/security_ftp/mainentrance -ctime -1 find /vol/security_ftp/north -ctime -1 find /vol/security_ftp/south -ctime -1 using find natural solution, if must avoid it, can see newest file in directory using ls , sorting output according ctime, eg. ls /vol/security_ftp/west -clt | head --lines=1 ...
Read more

Php operator `break` doesn't stop while -

Php operator `break` doesn't stop while - have weird issue, break doesn't break while loop , maintain rotating. logically should break cycle , set output while ($c++ != 5) { // here curl request, doesn't relevant have removed preg_match("!<.*?>(\s*)[^<>]*?{$to}<!", $resp, $result) ; // echo 'cnt = ' .count($result).'<br>'; if(!count($result)) { $amount = 0; echo 'sleep called'; sleep(4); exit; continue; } else { $amount = trim(@$result[1]); $amount = round($amount + $amount * $exchange_ratio, $precision); echo 'break happen<br>'; break; } } so output cnt = 2 break happen cnt = 0 sleep called so skipped break , maintain rotating. how so? edit works fine on localhost issue php version? ...
Read more