Показать сообщение отдельно
  #4 (permalink)  
Старый 08.10.2013, 14:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,852

KOPC1886,
добавьте отмену всплытия в 41 строку тоже самое в начало что в 57.
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>

  <ul>
    <li>
      <a class="block-sap-img">
        <div class="prev-text">
          	ONE TEXT
        </div>
        <span class="platform-tooltip" style="display:none;">
          <span class="arrow"></span>
          <i></i><b>ONE</b>
          <br/>ONE<br/>
        </span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a class="block-sap-img">
        <div class="prev-text">
          	TWO TEXT
        </div>
        <span class="platform-tooltip" style="display:none;">
          <span class="arrow"></span>
          <i></i><b>TWO</b>
          <br/>TWO<br/>
        </span>
      </a>
    </li>
  </ul>

<script>
	$(".block-sap-img").click(function(e)
	{   e.stopPropagation();
		e.preventDefault();
  		$(this).toggleClass("active")
        .children(".platform-tooltip")
        .fadeToggle("fast")
        .css("overflow","");


	});

	// скрытие тултипов попапов
	$(document).on("click",function(e){
       $('.block-sap-img .platform-tooltip').fadeOut("fast");;

	});

	$(".platform-tooltip").click(function(e){
        e.stopPropagation();
	});
</script>

</body>
</html>
Ответить с цитированием