Exploding

Манна отрегенилась.
Люди, человеку нужен обычный тогглер:)
Не идите вслед за ним тропою граблей, ибо пошедший и ступивший на тропу - познает муки головной боли!!

Вот что вам нужно:

$(document).ready(function(){
$("#label1").on("click", function(){
$(this).toggle();

});

});

Может быть google forms в этой ситуации смогут сослужить хорошую службу нуждающимся.

По моему корень зла тут:

function succesEnd(data) {
$ //<---- вот тут
$('.res_cat').text(data);
//И не понятно закрыт ли блок... }???

Роман Ильин: Ну в таком случае поищите вот на этих двух мега-свалках:
https://www.jsclasses.org
www.jqueryscript.net

Как найдете идеально подходящий вариант и прикрутите к сайту, создайте новый вопрос, с более подробным описанием, что конкретно в нем Вас не устраивает и что конкретно хотите переделать:) Думаю так будет проще всего и Вам и тем кто пытается Вам помочь в этом вопросе:)

В $data типа строка из цикла

$data = explode("|", $data);
$data = json_encode($data);

Все. В $data теперь данные в json

Два блока:

<div class='slide-container'>
   <div class='slider'></div>
</div>

slide-container - высота 3px grey width: 300px
slide-container:before - левый кружок
slider - 30x30px, bord.rad: 50% - правый кружок
slider:before - block height:3px green left:0 width:auto

Извините за корявость, спешу просто...
Ну думаю суть понятна

А так не?

Ну это так на скорую... но еще подпилить немного с высотами там...

#oval {
	width: 90vw;
	height: 90vh;
	background: -moz-linear-gradient(top,  rgba(193,193,193,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(193,193,193,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#00ffffff',GradientType=0 );
	border-radius: 40% 40% 0 0;
}

фидэлъ

А вообще решение этого: берем в цсс овалу цепляем прицеп спереди и прицеп сзади, в виде псевдо-элементов :before :after (бэлы савсэм бэлы блок) и у каждого эл-та делаем закругление одного угла. Вот и все дела:)
Мне некогда просто ваять это, выталкивают за арбузом идти...

Что за ночь то такая))) Одни "спецы" валят))
По сабжу: Не надо так делать. Тем более если не умеешь))))))

И на это есть весомые причины!
Я конечно не знаю зачем, но если просто "для прикола", что скорее всего, то всегда нужно помнить одну простую истину: как можно меньше, а лучше вообще не менять и не лезть ручонками в стандартное поведение браузера если на то нет веских(!) оснований. Это не придаст сайту +100 к крутости или выше позицию в выдаче! Это также не убережет Ваш драгоценный контент от воровства, если вы надумали следующим вопросом узнать "Как отключить правую кнопку мыши?" или "Как запретить выделение текста". Те кому надо нажмут f12, ctrl+shift+i, зайдут через менюшку и т.д. (для сохранности контента есть другие методы, не требующие подобных издевательств над посетителем).
А вот что может, так это только разозлить МНОГОУВАЖАЕМЫХ посетителей, ведь именно так Вы к ним относитесь?:)
И если Вы подумали "Ну хотя бы скроллбары можно стилизовать?" - да, но только в админке:)))) Т.к. согласно исследованиям (уже не вспомню кто и где их проводил), даже казалось бы такая мелочь как стилизованные скроллбары - нет-нет да и тянет на себя тот кусок излишнего внимания, из-за отсутствия которого посетитель не увидит нужный ему пункт меню, кнопку, etc...
Потому что ему будут "мозолить глаза" - Ваши красивые скроллбары))
Не надо на Новый год также пускать снег на страницу, вполне хватит шапки деда мороза на лого.
Максимально сохраняйте привычную атмосферу, в которой посетитель будет себя комфортно чувствовать.

А крутости... Крутости может добавить оптимизация кода, когда любая страница Вашего ресурса в w3 валидаторе будет зеленой! Это и в серпе кстати подымет немного. А если мало крутости - добейтесь показателей 100/100 в googlePageSpeedInsights! Таких сайтов я не видел вообще! (кроме своих конечно)))) Это и прирост в выдаче даст (побольше чем w3 error-ов) и скорость увеличится, а соответственно и отклик в виде (продаж, адсенс-объяв и т.д.)

Блин, чувак, ты за последние пол года задал 141(!) вопрос в этой сфере! И ты до сих пор не научился в jq переключать классы, а спрашиваешь "Как сделать так?"?)))))
Я начинаю думать, что это бот какой-то))

И опять на помощь приходит html+css!
Без js можно даже! Вот так:

<details>
    <summary>Коменты внутри</summary>
    <p>
         <details>
                <summary>Первый</summary>
                <p>Текст комментария 1</p>
          </details>
          <details>
                 <summary>Второй</summary>
                  <p>Текст комментария 2</p>
          </details>
          <details>
                 <summary>И внутри...</summary>
                  <p>
                    <details>
                              <summary>Третий</summary>
                              <p>Текст комментария 3</p>
                  </details>
     </p>
          </details>
    </p>
</details>

Ну а в css стилизовать уже хоть под черта лысого можно...

Так?

$(window).scroll(function(){
    if ($(this).scrollTop() > 60) {
      $('.top_menu').css({'position':'fixed'}).fadeIn(500);
    }else{
      $('.top_menu').css({'position':'none'}).fadeIn(500);
    }
  });