Как сделать такую функцию?

Question

[lemonlimelike]

Вот есть меню

<div class="info_video">
						<span>Информация</span>
						<span>Скачать</span>
					</div>

Как сделать чтоб по клику на какой нибудь span, допустим на "Информация" открывалось такое доп. окошко

<div class="items_video">
						<div class="info_item">
							<li>Просмотров:<?php echo $movie['views']; ?></li>
							<li>Добавил:</li>
							<li>Добавлено:<?php echo $movie['date_format']; ?></li>
						</div>
						<div class="info_item">
							<li>Продолжительность: </li>
							<li>Размер: </li>
							<li>Категория: </li>
						</div>
					</div>

А при клике на "Скачать", открывалось соответственно другое окошко.

Answer 1

[Максим Тимофеев]

$('span:contains("Информация")').on('click',function(){
  alert('такое доп. окошко');
});

$('span:contains("Скачать")').on('click',function(){
  alert('соответственно другое окошко');
});

Comments

[lemonlimelike]

а как сделать, чтоб при повторном нажатие функция тоже срабатывала?

[Максим Тимофеев]

lemonlimelike: так и будет.

Answer 2

[Localhost]

Например так, без модульного окна

<div class="info_video">
            <span class="open-info">Информация</span>
            <span>Скачать</span>
          </div>

<div class="items_video">
            <div class="info_item">
              <li>Просмотров:<?php echo $movie['views']; ?></li>
              <li>Добавил:</li>
              <li>Добавлено:<?php echo $movie['date_format']; ?></li>
            </div>
            <div class="info_item">
              <li>Продолжительность: </li>
              <li>Размер: </li>
              <li>Категория: </li>
            </div>
          </div>

jQuery(document).ready(function ($) {
var items = $('.items_video');
$('.info_video span.open-info').click( function(){
items.stop().slideToggle(200);
}
 );

<style>
.items_video{
display:none;
}
</style>