Изменение свойства при клике

[Rezpektor]

Подскажите пожалуйста, как сделать в js.

Чтобы по клику элемент передвигался влево, а при повторном клике на этот элемент возвращался на свое место?)

Сделал вот так, оно только одинажды работает.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {
        $('#language').click(function() {
            $('#language input').css('right', '28px');
            $(this).css('right', '4px');
        });
    });
    </script>

[Быколай]

записывайте в переменную флаг, о том, что событие произошло. по этому значению вычисляйте второй клик. что-то вроде

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
></script>
  <script type="text/javascript">
     $(document).ready(function() {
        var click = 0;
        $('#language').click(function() {
            if(click == 0){
                $('#language input').css('right', '28px');
                $(this).css('right', '4px');
                click = 1;
            }else{
                $('#language input').css('right', '0px');
                $(this).css('right', '0px');                
                click = 0;
            }
        });
    });
    </script>

как-то так

Edited January 27, 2012 by Быколай

[Rezpektor]

записывайте в переменную флаг, о том, что событие произошло. по этому значению вычисляйте второй клик. что-то вроде

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
></script>
  <script type="text/javascript">
     $(document).ready(function() {
        var click = 0;
        $('#language').click(function() {
            if(click == 0){
                $('#language input').css('right', '28px');
                $(this).css('right', '4px');
                click = 1;
            }else{
                $('#language input').css('right', '0px');
                $(this).css('right', '0px');                
                click = 0;
            }
        });
    });
    </script>

как-то так

Спасибо большое)

[Быколай]

На здоровье, надеюсь сработает =)

[bob_24]

Может лучше css вынести в отдельные классы и использовать toggleClass ?