<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>validates :title, :presence => true, :length => {:minimum => 5}