# Тогглинг элементов в Vue

Давайте теперь сделаем кнопку, которая будет тогглить абзац, то есть по первому клику показывать его, а по второму клику - прятать. Для этого по клику на кнопку будем вызывать метод `toggle`:

`<template> <button @click="toggle">toggle</button> <p v-if="visible">text</p> </template>`

В коде метода нужно будет брать значение свойства `visible` и инвертировать его на его противоположность:

`toggle: function() { this.visible = !this.visible; }`

Даны три абзаца и три кнопки. Сделайте так, чтобы каждая кнопка тогглила свой абзац.

← →
↑