не так работает событие click

[ghost666]

всем привет!

есть div

<div class="menu-o">

ему присваивается класс

TweenMax.set('.menu-o', {className: '+=openmenu'});

и по этому классу событие

$('.openmenu').click(function() {

        TweenMax.to('.blackfonmenu' , 1, {transform: 'translateY(0)'});
		TweenMax.set('.menu-o', {className: '-=openmenu'});
		TweenMax.set('.menu-o', {className: '+=closemenu'});


    });

 $('.closemenu').click(function() {
		TweenMax.set('.menu-o', {className: '+=openmenu'});
		TweenMax.set('.menu-o', {className: '-=closemenu'});
        TweenMax.to('.blackfonmenu' , 1, {transform: 'translateY(-100vh'});

    });

первая функция работает как нужно без проблем, а вторая вообще не работает. как побороть это, подскажите?
Спасибо!

[Dilettante_Pro]

<style>
.openmenu { border:1px solid green; }
.closemenu { border:1px solid red;}
</style>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div class="menu-o">div</div>
<script>
$('.menu-o').addClass('openmenu');

$('.menu-o').click(function() {
         var trans = $(this).hasClass('openmenu') ? 'translateY(0)' : 'translateY(-100vh)';
        $(this).toggleClass('openmenu closemenu');
         alert(trans); // TweenMax.to('.blackfonmenu' , 1, {transform: trans});

   
    });

</script>

[Dilettante_Pro]

TweenMax.to('.blackfonmenu' , 1, {transform: 'translateY(-100vh)'});

[ghost666]

огромное спасибо!

[АндрейD]

Можно вопрос в вашей теме? Почему у меня выдаёт ошибку на 4-й строке? Пишет, что "а" null. (1-я строка из html) Я в тупике, вроде бы всё верно.
1. <input type="submit" value="1" id="a">
2. <script>
3. var a = document.getElementById('a');
4. a.onclick = go;
5. function go() {
6. alert(a.getAttribute('value'));
7. }
8. <script>

[j0hnik]

АндрейD,

<input type="submit" value="1" id="a">
<script>
var a = document.getElementById('a');
a.onclick = go;
function go() {
 alert(a.getAttribute('value'));
}
</script>

может не в этом куске кода дело?

[рони]

8. <script>

???

[j0hnik]

рони,
не из за этого ведь

Пишет, что "а" null

[рони]

j0hnik,
тогда строка 1 идёт после строки 8, других вариантов не знаю.

[laimas]

a.getAttribute('value')

https://learn.javascript.ru/attribut...tom-properties