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>