$(document).ready(function(){
$('.number__block').hide();
$('#phone').click(function(){
if ($('.number__block').is(':hidden')){
$('.number__block').show('slide',{direction: 'right'}, 1000);
}
else {
$('.number__block').hide('slide',{direction: 'right'}, 1000);
}
});
});
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
<script>
$(document).ready(function(){
$('#phone').on('click',function(){
console.log("click")
$('.number__block').toggle(
'slide',
{ direction: 'right' },
350
);
});
});
</script>
</head>
<body>
<div id="phone" style="background-color: red; width: 200px; height: 100px;">
<div class="number__block" style="display: none; color: white;">Телефон</div>
</div>
</body>
</html>