Показать сообщение отдельно
  #6 (permalink)  
Старый 03.03.2016, 15:34
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

borus,
offset().left

Что-то типо такого
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <style>
        ul{
            list-style-type: none;
        }
        ul > li > a{
            padding-left: 15px;
            background: url('http://www.antilopagold.su/images/stories/customfilters/minus-plus-orange_closed.png') no-repeat left center;
        }
        div{
            width : 50%;
            margin : 300px;
        }
    </style>
    <script>
        $(function () {
            $('ul li ul').hide();
            $("ul > li").click(function (e) {
               if ( ($(this).offset().left + 13) > e.screenX)
                {
                    $(this).children('ul').slideToggle();
                    e.preventDefault();
                }                   
                    
            });
        })
    </script>
    <div>
        <ul id="main">
            <li>
                <a href="http://javascript.ru">Javascript.ru</a>
                <ul>
                    <li><a href="http://google.com">Google.com</a></li>
                    <li><a href="http://yandex.ru">Yandex.ru</a></li>
                </ul>
            </li>
        </ul>
    </div>

Последний раз редактировалось destus, 03.03.2016 в 15:41.
Ответить с цитированием