game802

Добиться более плавной анимации помог комплекс следующих действий:

1. Точное указание property у transition (т.е. вместо "transition: all" указываем конкретное свойство с которым производится анимация).
2. Использование при JS манипуляции с классами не classList, а className. Переход на это решение позволил добиться реального прогресса в плавности анимации. В частности, это решение подсказал VK, там используется такая же схема. Метод className входит в DOM Core (level 2), имеет практически полную совместимость со всеми браузерами, а также более эффективно обрабатывается браузерными движками с минимальными задержками.

display: block не анимируется.
Вот здесь есть ссылка на список свойств, которые можно анимировать. Если на пальцах, то анимируются те свойства, где и начальное состояние и конечное представлено числами, причем одного типа.
То есть:
height: 0%; ---> height: 100%; - получится.
display: none; ---> display: block; - не получится.
height: 10%; ---> height: 100px; - не получится, потому что сперва %, потом px.

В общем используйте height: 0 вместо display: none;

UPD:
В вашем случае, если вы не можете четко прописать высоту блока в css, вы не сможете анимировать height от 0 до auto;
Но есть хак, можно менять max-height от 0 до 500px, например.
https://jsfiddle.net/1xx87rg9/4/

$(".class_name").on("click", function(e) {
$(this).closest('form').submit();
});

Cпецифичность бы сработала если бы для зеленого цвета селектор был UL LI SPAN, а так у нас получается, что зеленый цвет назначен для UL и пока у span не будет объявлен в стилях свой цвет, span'ы внутри списка будут наследовать зеленый, но как только мы в селекторе используем тег span он станет приоритетнее. В примере у нас сначала действует blue, а потом его перебивает orange так как он находится ниже.

UL LI UL задаёт цвет текста во вложенном UL.
Но UL SPAN задаёт цвет текста тега SPAN, т.е. он не будет пытаться унаследовать цвет текста, у него задан собственный цвет.

LI SPAN имеет такую же специфичность, но ему не повезло, при прочих равных побеждает последний.

Ошибка вываливается из за ASC он должен быть после order by который и должен сортировать а не группировать записи.
конечный запрос должен быть таким:

SELECT 
  city, count(*)
FROM 
  ip
GROUP BY
  city 
ORDER BY
  city ASC;

так?

$('.slider_url_image input').on('click', function() {
  var inp = $(this);
  $('iframe').contents().find('.uploadfile').on('click', function () {
    url = $(this).attr('src');
    inp.val(url);
  });
  
});

var url;

$('iframe').contents().find('.uploadfile').on('click', function() {
  url = $(this).attr('href');
});

$('.slider_url_image input').on('click', function() {
  $(this).val(url);
});

Нажали на .uploadfile в iframe - записали в общую область видимости url значение её атрибута href.
Нажали на '.slider_url_image input' - взяли значение из общей области видимости и записали в value.
Если нужно хранить только одно значение href, то этого хватит.

page\/\d*
https://regex101.com/r/NEZRN8/1

эмм... https://regex101.com/r/MHyvy5/1

page\/
https://regex101.com/r/hRJbNT/1

postMessage

у вас два раза вызывается res.end
res.end("OK");
и
res.end(info.toString());

"Access-Control-Allow-Origin:*" Должен отдавать сервер, а не клиент передавать.

client.js:

"use strict";

(function() {

    var xhr = new XMLHttpRequest();

    xhr.open("GET", "http://127.0.0.1:1534/test.txt");
    xhr.addEventListener("readystatechange", function(event) {
        if (xhr.readyState == 4) {
            console.log(xhr.response);
        }
    });
    xhr.send(null);
})();

server.js:

"use strict";

var http = require("http");
var url = require("url");
var fs = require("fs");

var server = new http.Server(function(req, res) {

      switch (req.url) {

                case "/test.txt":
                  res.setHeader("Cache-control", "no-cache");
                  res.setHeader("Access-Control-Allow-Origin", "*");

                  fs.readFile("test.txt", function(err, info) {
                            if (err) {
                                        console.log(err);
                                        res.statusCode = 500;
                                        res.end("Server error");
                                      }
                            console.log(info.toString());
                            res.end(info.toString());
                          });
                  break;

                default: 
                  res.statusCode = 404;
                  res.end("File not found :(");
                }

});

server.listen(1534, '127.0.0.1');