-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinput2.html
106 lines (91 loc) · 5.9 KB
/
input2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<nav>
<div>
<div class="menu-btn">
<ion-icon name="menu"></ion-icon>
</div>
<div class="menu">
<div class="close-menu">
<ion-icon name="menu"></ion-icon>
</div>
<div class="nav">
<ul class="main-menu">
<li class="main-menu-item">
<a href="#"><ion-icon name="business"></ion-icon> Home<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="history.html">History</a>
</li>
<li class="submenu-item">
<a href="employee.html">Employee</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="#"><ion-icon name="restaurant"></ion-icon> Menu<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="steak.html">Steak</a>
</li>
<li class="submenu-item">
<a href="pasta.html">Pasta</a>
</li>
<li class="submenu-item">
<a href="pliaf.html">Pliaf</a>
</li>
<li class="submenu-item">
<a href="desserts.html">Desserts & Drinks</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="#"><ion-icon name="person"></ion-icon> Reservation<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="apply.html">Application</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="#"><ion-icon name="call"></ion-icon> Contact<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="contact.html">Location &<br>Contact</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="index.html"><ion-icon name="arrow-round-back"></ion-icon> Back</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<p><img src="restaurant.jpg" width="800" height="300"></p><p>Young's restaurant is an Australian-themed American casual dining restaurant chain, serving American cuisine, based in Tampa, Florida. The chain has over 1,000 locations in 23 countries throughout North and South America, Asia, and Australia. It was founded in March 1988 with its first location in Tampa by Bob Basham, Chris T. Sullivan, Trudy Cooper, and Tim Gannon.It was owned and operated in the United States by OSI Restaurant Partners until it was acquired by Bloomin' Brands, and by other franchise and venture agreements internationally.</p><<p>Korean Young's restaurants began in 1996. In March 2009, Young's restaurant Korea abruptly closed all nine locations in the province of Busan, citing poor economic conditions, but in June 2009, Young's restaurant opened a location in Niagara Falls, Ontario. A second location in Niagara Falls has been opened, but these are the only Young's restaurant locations operating in Canada.</p><p>On June 14, 2007, OSI Restaurant Partners completed a stock repurchase plan, and the company became privately held. In April 2012, Bloomin' Brands, the current owner of Young's restaurant, filed with the SEC to raise up to $300 million in an initial public offering.</p>
<script type="text/javascript">
$('ul.main-menu li').click(function (e) {
if ($().siblings('li').find('ul.submenu:visible').length) {
$('ul.submenu').slideUp('normal');
}
$(this).find('ul.submenu').slideToggle('normal');
});
var t1 = new TimelineMax({ paused: true }); /*전환 시간 설정*/
t1.to(".menu", 0.2, {
opacity: 0.9
});
t1.staggerFrom(".main-menu li a:not(.submenu li a)", 1, { /*메인메뉴 활성화*/
opacity: 0,
y: 10,
ease: Power3.easeInOut
}, 0.1);
t1.from(".submenu", 0.1, { /*서브메뉴 활성화*/
autoAlpha: 0
});
t1.reverse();
$(document).on("click", ".menu-btn", function () { /*클릭시 t1 함수 활성화*/
t1.reversed(!t1.reversed());
});
$(".close-menu").click(function () { /*클릭시 t1 함수 역으로 활성화*/
t1.reversed(!t1.reversed());
});
</script>