if element is visible do somethinf to another element

Question

i am trying to addClass to another element if the element i am checking is visible, "have display:block" but nothing is happening,

Here is my code

<script type="text/javascript">
    jQuery(document).ready(function() {
        if ($('.mejs-controls:visible')) {
            $('.mejs-captions-text').addClass('mejs-captions-text-move');
        }else{
            $('.mejs-captions-text').removeClass('mejs-captions-text-move');
        }
    });
</script>

Thanks!

http://stackoverflow.com/questions/8337186/jquery-isvisible-not-working-in-chrome — John Boker, Oct 27 '15 at 14:47

score 3 · Accepted Answer · answered Oct 27 '15 at 14:40

You could probably do something like this:

<script type="text/javascript">
    jQuery(document).ready(function() {
        if ($('.mejs-controls').is(':visible')) {
            $('.mejs-captions-text').addClass('mejs-captions-text-move');
        }else{
            $('.mejs-captions-text').removeClass('mejs-captions-text-move');
        }
    });
</script>

score 0 · Answer 2 · answered Oct 27 '15 at 14:39

0

Try with if ($('.mejs-controls').is(':visible'))

answered Oct 27 '15 at 14:39

DrKey

3,365
2
29
46

if element is visible do somethinf to another element

2 Answers2