И еще css могу написать но дело не в нем, конфликт да с моим jquery.js не знаю почему и как исправить тоже не знаю что подскажите.
<script type="text/javascript">
$(function() {
var $menu_popup = $('.floating');
$(".menu-triger").click(function(){
$('body').addClass('body_pointer');
$menu_popup.show(0);
$menu_popup.animate(
{left: parseInt($menu_popup.css('left'),10) == 0 ? -$menu_popup.outerWidth() : 0},
300
);
return false;
});
$(".menu-close").click(function(){
$('body').removeClass('body_pointer');
$menu_popup.animate(
{left: parseInt($menu_popup.css('left'),10) == 0 ? -$menu_popup.outerWidth() : 0},
300,
function(){
$menu_popup.hide(0);
}
);
return false;
});
$(document).on('click', function(e){
if (!$(e.target).closest('.floating').length){
$('body').removeClass('body_pointer');
$menu_popup.animate(
{left: parseInt($menu_popup.css('left'),10) == 0 ? -$menu_popup.outerWidth() : 0},
300,
function(){
$menu_popup.hide(0);
}
);
}
});
});
</script>
В чем дело можете посмотреть на картинке, я так и не разобрался.
https://ibb.co/W6qz5HX