Как сделать обращение к блоку?

Question

[DmitryRise]

Задача такова, по нажатию на ссылку с классом .port, скрыть информацию в классе .middle.
После прочтения документации начал путать методы js и jquery. Пожалуйста, подскажите, что я делаю не так.

<div id="main">
        <header>
            <nav>
                <a class="port" href="#">Port</a>
                <a href="#">Port</a>
            </nav>
        </header>
        <section class="middle">
            <h1>Headline</h1>
            <h3>Info</h3>
        </section>
    </div>

$(document).on("click, ".port, function(){
   $('.middle').css('overflow',hidden);
});

Comments

[lega]

https://jsfiddle.net/lega911/r2Lcpvfa/

Answer 1

[Margo1964]

Прочитала "Обращение к Богу".
".port - не закрыта кавычка.
',hidden - без кавычек вообще.
В консоли это всё должно быть написано.

Answer 2

[xmoonlight]

$(".port").on("click",function(){
  $('.middle').css('overflow','hidden');
});