Показать сообщение отдельно
  #3 (permalink)  
Старый 01.07.2013, 14:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Вариант...
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>demo</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  <style type='text/css'>
    .menu li,.result li
{
    cursor:pointer;
}
li.active
{
    color:#FF3300;
}
  </style>
<script type='text/javascript'>
$(window).load(function(){
 var L =  $('.menu li');
function menu_click()
{
    var element = $(this);
    L.removeClass('active');
    $('.result').html(element.prev().andSelf().next().andSelf().clone())
    element.addClass('active');
}
L.on('click',menu_click);
    $(".result").on('click', 'li',function () {
      $(this).toggleClass("active");
    });
});
</script>
</head>
<body>
  <div>
    <ul class='menu'>
        <li> 1 </li>
        <li> 2 </li>
        <li> 3 </li>
        <li> 4 </li>
        <li> 5 </li>
    </ul>
</div>
<div>Результат:
</div>
<div class='result'>
    Не один элемент не выбран
</div>

</body>


</html>

Последний раз редактировалось рони, 02.07.2013 в 13:34.
Ответить с цитированием