Спрятать div по клику на ссылку

@HelloInside · Регистрация: 31.10.2011

Author24 — интернет-сервис помощи студентам

Пробовал написать сам, но с js еще не разобрался толком. Нужно по клику на ссылку один div спрятать, а другой отобразить.

https://jsfiddle.net/78xgL64b/

Код с песочницы

HTML5

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 
<div>
<a href="#prev">Prev</a>
<a href="#next"> Next</a>
</div>
 
<div class="table1">
<p>Table #1</p>
<table>
<tr>
  <td>ex1</td>
  <td>ex2</td>
  <td>ex3</td>
</tr>
<tr>
  <td>ex1</td>
  <td>ex2</td>
  <td>ex3</td>
</tr>
<tr>
  <td>ex1</td>
  <td>ex2</td>
  <td>ex3</td>
</tr>
</table>
</div>
 
 
 
<div class="table2">
<p>Table #2</p>
<table>
<tr>
  <td>ex1</td>
  <td>ex2</td>
  <td>ex3</td>
</tr>
<tr>
  <td>ex1</td>
  <td>ex2</td>
  <td>ex3</td>
</tr>
<tr>
  <td>ex1</td>
  <td>ex2</td>
  <td>ex3</td>
</tr>
</table>
</div>

CSS

table,td {
  border: 1px solid silver;
}
td {
  padding: 5px;
  background-color: #ccc;
  color: #fafafa;
}
 
.table2 {
  display: none;
}

Javascript

$document().ready(function() {
    $body.on('click.','a[href="#next"]',function(){
  $( ".table2" ).css({"display", "block"})
  })
 
});

@mrtoxas · 26.08.2016, 00:37

Javascript

1
2
3

$('body').on('click', '[href="#next"]' ,function(){
  $( ".table2" ).show()
})

Добавлено через 1 минуту
Или

Javascript

1
2
3

$('[href="#next"]').click(function(){
  $( ".table2" ).show()
})

@HelloInside · 26.08.2016, 01:43 **[ТС]**

mrtoxas, Спасибо!

Новые блоги и статьи
Как написать микросервис на C# с Kafka, MediatR, Redis и GitLab CI/CD InfoMaster 15.01.2025 В современной разработке программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот подход позволяет разделить сложную систему. . .	Что такое CQRS и как это реализовать на C# с MediatR InfoMaster 15.01.2025 Концепция CQRS и её роль в современной разработке В современном мире разработки программного обеспечения архитектурные паттерны играют ключевую роль в создании масштабируемых и поддерживаемых. . .	Как настроить CI/CD с Azure DevOps InfoMaster 15.01.2025 CI/ CD, или непрерывная интеграция и непрерывное развертывание, представляет собой современный подход к разработке программного обеспечения, который позволяет автоматизировать и оптимизировать процесс. . .	Как настроить CI/CD с помощью Jenkins InfoMaster 15.01.2025 Введение в CI/ CD и Jenkins В современной разработке программного обеспечения непрерывная интеграция (CI) и непрерывная доставка (CD) стали неотъемлемыми элементами процесса создания качественных. . .	Как написать микросервис на Go/Golang с Kafka, REST и GitHub CI/CD InfoMaster 14.01.2025 Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .	Как написать микросервис с нуля на C# с RabbitMQ, CQRS, Swagger и CI/CD InfoMaster 14.01.2025 В современном мире разработки программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот архитектурный подход предполагает. . .
Как создать интернет-магазин на PHP и JavaScript InfoMaster 14.01.2025 В современном мире электронная коммерция стала неотъемлемой частью бизнеса. Создание собственного интернет-магазина открывает широкие возможности для предпринимателей, позволяя достичь большей. . .	Как написать Тетрис на Ассемблере InfoMaster 14.01.2025 Тетрис – одна из самых узнаваемых и популярных компьютерных игр, созданная в 1984 году советским программистом Алексеем Пажитновым. За прошедшие десятилетия она завоевала симпатии миллионы людей по. . .	Как создать игру "Танчики" на Unity3d и C# InfoMaster 14.01.2025 Разработка игр – это увлекательный процесс, сочетающий в себе творчество и технические навыки. В этой статье мы рассмотрим создание классической игры "Танчики" с использованием Unity3D и языка. . .	Организую платный онлайн микро-курс по доработке Android-клиента Telegram _Ivana 14.01.2025 Официальная версия и распространенные форки не полностью устраивают? Сделай свою кастомную версию клиента! 4 занятия по 2 часа (2 недели пн, ср 19:00-21:00 по Москве). Первое вводное занятие. . .	Как создать приложение для фитнеса для iOS/iPhone на Kotlin InfoMaster 14.01.2025 Создание собственного фитнес-приложения — это не только захватывающий, но и полезный процесс, ведь оно может стать вашим верным помощником на пути к здоровому и активному образу жизни. В современных. . .	Как создать приложение магазина для iOS/iPhone на Swift InfoMaster 14.01.2025 Введение в разработку iOS-приложений Разработка приложений для iPhone и других устройств на базе iOS открывает огромные возможности для создания инновационных мобильных решений. В данной статье мы. . .

@HelloInside 8 / 8 / 13 Регистрация: 31.10.2011 Сообщений: 294
	26.08.2016, 01:43 [ТС]	3
	mrtoxas, Спасибо! 0