Posted By

bmdstinky on 12/21/10


Tagged

menu


Versions (?)

jQuery menu


 / Published in: jQuery
 

Can anyone simplify this code for me?

  1. jQuery(document).ready(function($)
  2. {
  3.  
  4. function GetColour(){
  5. var bodyid = $("body").attr("id");
  6. var colour;
  7. switch(bodyid)
  8. {
  9. case "corporate":
  10. colour="#000066";
  11. break;
  12. case "food-and-drink":
  13. colour="#78a700";
  14. break;
  15. case "home-wear":
  16. colour="#000000";
  17. break;
  18. case "travel":
  19. colour="#f39323";
  20. break;
  21. case "funeral-services":
  22. colour="#7878a7";
  23. break;
  24. case "motoring":
  25. colour="#a7a7a8";
  26. break;
  27. case "society-values":
  28. colour="#ffc200";
  29. break;
  30. default:
  31. colour="#000066";
  32. }
  33. return colour;
  34. }
  35.  
  36. // start the magic
  37. // if javascript is on, the menu will work ok
  38. // Therefore we hide the expanded menu $('.menu-extend').hide();
  39. var cl=GetColour();
  40. $('.menu-extend').hide();
  41. $('.clear').height(0);
  42. // if the "Detailed menu" button is clicked, fade it out and fade in the "Close menu button"
  43. // also slide the expanded menu into place
  44. $('.stores-b').click(function ()
  45. {
  46. $("#menu li a").each(function(){
  47. $("#menu li a").removeClass("current");
  48. });
  49. $(this).addClass("current");
  50. var isVisible = $('.menu-extend').is(':visible');
  51. var isVisiblestores = $('.stores').is(':visible');
  52. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  53. var isVisiblehomefashion = $('.homefashion').is(':visible');
  54. var isVisibletravel = $('.travel').is(':visible');
  55. var isVisiblemotoring = $('.motoring').is(':visible');
  56. var isVisiblefuneral = $('.funeral').is(':visible');
  57. var isVisiblecommunity = $('.community').is(':visible');
  58. if(isVisible)
  59. {
  60. if(!isVisiblestores)
  61. {
  62. if(isVisiblefooddrink)
  63. {
  64. $('.fooddrink').slideUp("1000", function() { $('.stores').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000066'); });
  65. }
  66. else if(isVisiblehomefashion)
  67. {
  68. $('.homefashion').slideUp("1000", function() { $('.stores').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000066'); });
  69. }
  70. else if(isVisibletravel)
  71. {
  72. $('.travel').slideUp("1000", function() { $('.stores').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000066'); });
  73. }
  74. else if(isVisiblemotoring)
  75. {
  76. $('.motoring').slideUp("1000", function() { $('.stores').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000066'); });
  77. }
  78. else if(isVisiblefuneral)
  79. {
  80. $('.funeral').slideUp("1000", function() { $('.stores').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000066'); });
  81. }
  82. else if(isVisiblecommunity)
  83. {
  84. $('.community').slideUp("1000", function() { $('.stores').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000066'); });
  85. }
  86. }
  87. else
  88. {
  89. $('.stores').slideUp("1000");
  90. $("#menu li a").removeClass("current");
  91. }
  92. }
  93. else
  94. {
  95. $('.stores').slideDown();
  96. $('.menu-wrap').css('border-bottom', '8px solid #000066');
  97. }
  98. });
  99. $('.stores-b').mouseenter(function (){
  100. var isVisible = $('.menu-extend').is(':visible');
  101. var isVisiblestores = $('.stores').is(':visible');
  102. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  103. var isVisiblehomefashion = $('.homefashion').is(':visible');
  104. var isVisibletravel = $('.travel').is(':visible');
  105. var isVisiblemotoring = $('.motoring').is(':visible');
  106. var isVisiblefuneral = $('.funeral').is(':visible');
  107. var isVisiblecommunity = $('.community').is(':visible');
  108. if(!isVisible)
  109. {
  110. if(!isVisiblestores)
  111. {
  112. if(!isVisiblefooddrink)
  113. {
  114. $('.menu-wrap').css('border-bottom', '8px solid #000066');
  115. }
  116. else if(!isVisiblehomefashion)
  117. {
  118. $('.menu-wrap').css('border-bottom', '8px solid #000066');
  119. }
  120. else if(!isVisibletravel)
  121. {
  122. $('.menu-wrap').css('border-bottom', '8px solid #000066');
  123. }
  124. else if(!isVisiblemotoring)
  125. {
  126. $('.menu-wrap').css('border-bottom', '8px solid #000066');
  127. }
  128. else if(!isVisiblefuneral)
  129. {
  130. $('.menu-wrap').css('border-bottom', '8px solid #000066');
  131. }
  132. else if(!isVisiblecommunity)
  133. {
  134. $('.menu-wrap').css('border-bottom', '8px solid #000066');
  135. }
  136. }
  137. }
  138. });
  139. $('.stores-b').mouseleave(function () {
  140. var isVisible = $('.menu-extend').is(':visible');
  141. var isVisiblestores = $('.stores').is(':visible');
  142. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  143. var isVisiblehomefashion = $('.homefashion').is(':visible');
  144. var isVisibletravel = $('.travel').is(':visible');
  145. var isVisiblemotoring = $('.motoring').is(':visible');
  146. var isVisiblefuneral = $('.funeral').is(':visible');
  147. var isVisiblecommunity = $('.community').is(':visible');
  148. if(!isVisible)
  149. {
  150. if(!isVisiblestores)
  151. {
  152. if(!isVisiblefooddrink)
  153. {
  154. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  155. }
  156. else if(!isVisiblehomefashion)
  157. {
  158. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  159. }
  160. else if(!isVisibletravel)
  161. {
  162. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  163. }
  164. else if(!isVisiblemotoring)
  165. {
  166. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  167. }
  168. else if(!isVisiblefuneral)
  169. {
  170. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  171. }
  172. else if(!isVisiblecommunity)
  173. {
  174. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  175. }
  176. }
  177. }
  178. });
  179.  
  180. $('.fooddrink-b').click(function ()
  181. {
  182. $("#menu li a").each(function(){
  183. $("#menu li a").removeClass("current");
  184. });
  185. $(this).addClass("current");
  186. var isVisible = $('.menu-extend').is(':visible');
  187. var isVisiblestores = $('.stores').is(':visible');
  188. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  189. var isVisiblehomefashion = $('.homefashion').is(':visible');
  190. var isVisibletravel = $('.travel').is(':visible');
  191. var isVisiblemotoring = $('.motoring').is(':visible');
  192. var isVisiblefuneral = $('.funeral').is(':visible');
  193. var isVisiblecommunity = $('.community').is(':visible');
  194. if(isVisible)
  195. {
  196. if(!isVisiblefooddrink)
  197. {
  198. if(isVisiblestores)
  199. {
  200. $('.stores').slideUp("1000", function() { $('.fooddrink').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #78a700'); });
  201. }
  202. else if(isVisiblehomefashion)
  203. {
  204. $('.homefashion').slideUp("1000", function() { $('.fooddrink').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #78a700'); });
  205. }
  206. else if(isVisibletravel)
  207. {
  208. $('.travel').slideUp("1000", function() { $('.fooddrink').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #78a700'); });
  209. }
  210. else if(isVisiblemotoring)
  211. {
  212. $('.motoring').slideUp("1000", function() { $('.fooddrink').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #78a700'); });
  213. }
  214. else if(isVisiblefuneral)
  215. {
  216. $('.funeral').slideUp("1000", function() { $('.fooddrink').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #78a700'); });
  217. }
  218. else if(isVisiblecommunity)
  219. {
  220. $('.community').slideUp("1000", function() { $('.fooddrink').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #78a700'); });
  221. }
  222. }
  223. else
  224. {
  225. $('.fooddrink').slideUp("1000");
  226. $("#menu li a").removeClass("current");
  227. }
  228. }
  229. else
  230. {
  231. $('.fooddrink').slideDown();
  232. $('.menu-wrap').css('border-bottom', '8px solid #78a700');
  233. }
  234. });
  235. $('.fooddrink-b').mouseenter(function () {
  236. var isVisible = $('.menu-extend').is(':visible');
  237. var isVisiblestores = $('.stores').is(':visible');
  238. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  239. var isVisiblehomefashion = $('.homefashion').is(':visible');
  240. var isVisibletravel = $('.travel').is(':visible');
  241. var isVisiblemotoring = $('.motoring').is(':visible');
  242. var isVisiblefuneral = $('.funeral').is(':visible');
  243. var isVisiblecommunity = $('.community').is(':visible');
  244. if(!isVisible)
  245. {
  246. if(!isVisiblefooddrink)
  247. {
  248. if(!isVisiblestores)
  249. {
  250. $('.menu-wrap').css('border-bottom', '8px solid #78a700');
  251. }
  252. else if(!isVisiblehomefashion)
  253. {
  254. $('.menu-wrap').css('border-bottom', '8px solid #78a700');
  255. }
  256. else if(!isVisibletravel)
  257. {
  258. $('.menu-wrap').css('border-bottom', '8px solid #78a700');
  259. }
  260. else if(!isVisiblemotoring)
  261. {
  262. $('.menu-wrap').css('border-bottom', '8px solid #78a700');
  263. }
  264. else if(!isVisiblefuneral)
  265. {
  266. $('.menu-wrap').css('border-bottom', '8px solid #78a700');
  267. }
  268. else if(!isVisiblecommunity)
  269. {
  270. $('.menu-wrap').css('border-bottom', '8px solid #78a700');
  271. }
  272. }
  273. }
  274. });
  275. $('.fooddrink-b').mouseleave(function () {
  276. var isVisible = $('.menu-extend').is(':visible');
  277. var isVisiblestores = $('.stores').is(':visible');
  278. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  279. var isVisiblehomefashion = $('.homefashion').is(':visible');
  280. var isVisibletravel = $('.travel').is(':visible');
  281. var isVisiblemotoring = $('.motoring').is(':visible');
  282. var isVisiblefuneral = $('.funeral').is(':visible');
  283. var isVisiblecommunity = $('.community').is(':visible');
  284. if(!isVisible)
  285. {
  286. if(!isVisiblefooddrink)
  287. {
  288. if(!isVisiblestores)
  289. {
  290. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  291. }
  292. else if(!isVisiblehomefashion)
  293. {
  294. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  295. }
  296. else if(!isVisibletravel)
  297. {
  298. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  299. }
  300. else if(!isVisiblemotoring)
  301. {
  302. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  303. }
  304. else if(!isVisiblefuneral)
  305. {
  306. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  307. }
  308. else if(!isVisiblecommunity)
  309. {
  310. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  311. }
  312. }
  313. }
  314. });
  315.  
  316. $('.homefashion-b').click(function ()
  317. {
  318. $("#menu li a").each(function(){
  319. $("#menu li a").removeClass("current");
  320. });
  321. $(this).addClass("current");
  322. var isVisible = $('.menu-extend').is(':visible');
  323. var isVisiblestores = $('.stores').is(':visible');
  324. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  325. var isVisiblehomefashion = $('.homefashion').is(':visible');
  326. var isVisibletravel = $('.travel').is(':visible');
  327. var isVisiblemotoring = $('.motoring').is(':visible');
  328. var isVisiblefuneral = $('.funeral').is(':visible');
  329. var isVisiblecommunity = $('.community').is(':visible');
  330. if(isVisible)
  331. {
  332. if(!isVisiblehomefashion)
  333. {
  334. if(isVisiblestores)
  335. {
  336. $('.stores').slideUp("1000", function() { $('.homefashion').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000000'); });
  337. }
  338. else if(isVisiblefooddrink)
  339. {
  340. $('.fooddrink').slideUp("1000", function() { $('.homefashion').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000000'); });
  341. }
  342. else if(isVisibletravel)
  343. {
  344. $('.travel').slideUp("1000", function() { $('.homefashion').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000000'); });
  345. }
  346. else if(isVisiblemotoring)
  347. {
  348. $('.motoring').slideUp("1000", function() { $('.homefashion').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000000'); });
  349. }
  350. else if(isVisiblefuneral)
  351. {
  352. $('.funeral').slideUp("1000", function() { $('.homefashion').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000000'); });
  353. }
  354. else if(isVisiblecommunity)
  355. {
  356. $('.community').slideUp("1000", function() { $('.homefashion').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #000000'); });
  357. }
  358. }
  359. else
  360. {
  361. $('.homefashion').slideUp("1000");
  362. $("#menu li a").removeClass("current");
  363. }
  364. }
  365. else
  366. {
  367. $('.homefashion').slideDown();
  368. $('.menu-wrap').css('border-bottom', '8px solid #000000');
  369. }
  370. });
  371. $('.homefashion-b').mouseenter(function () {
  372. var isVisible = $('.menu-extend').is(':visible');
  373. var isVisiblestores = $('.stores').is(':visible');
  374. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  375. var isVisiblehomefashion = $('.homefashion').is(':visible');
  376. var isVisibletravel = $('.travel').is(':visible');
  377. var isVisiblemotoring = $('.motoring').is(':visible');
  378. var isVisiblefuneral = $('.funeral').is(':visible');
  379. var isVisiblecommunity = $('.community').is(':visible');
  380. if(!isVisible)
  381. {
  382. if(!isVisiblehomefashion)
  383. {
  384. if(!isVisiblestores)
  385. {
  386. $('.menu-wrap').css('border-bottom', '8px solid #000000');
  387. }
  388. else if(!isVisiblefooddrink)
  389. {
  390. $('.menu-wrap').css('border-bottom', '8px solid #000000');
  391. }
  392. else if(!isVisibletravel)
  393. {
  394. $('.menu-wrap').css('border-bottom', '8px solid #000000');
  395. }
  396. else if(!isVisiblemotoring)
  397. {
  398. $('.menu-wrap').css('border-bottom', '8px solid #000000');
  399. }
  400. else if(!isVisiblefuneral)
  401. {
  402. $('.menu-wrap').css('border-bottom', '8px solid #000000');
  403. }
  404. else if(!isVisiblecommunity)
  405. {
  406. $('.menu-wrap').css('border-bottom', '8px solid #000000');
  407. }
  408. }
  409. }
  410. });
  411. $('.homefashion-b').mouseleave(function () {
  412. var isVisible = $('.menu-extend').is(':visible');
  413. var isVisiblestores = $('.stores').is(':visible');
  414. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  415. var isVisiblehomefashion = $('.homefashion').is(':visible');
  416. var isVisibletravel = $('.travel').is(':visible');
  417. var isVisiblemotoring = $('.motoring').is(':visible');
  418. var isVisiblefuneral = $('.funeral').is(':visible');
  419. var isVisiblecommunity = $('.community').is(':visible');
  420. if(!isVisible)
  421. {
  422. if(!isVisiblehomefashion)
  423. {
  424. if(!isVisiblestores)
  425. {
  426. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  427. }
  428. else if(!isVisiblefooddrink)
  429. {
  430. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  431. }
  432. else if(!isVisibletravel)
  433. {
  434. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  435. }
  436. else if(!isVisiblemotoring)
  437. {
  438. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  439. }
  440. else if(!isVisiblefuneral)
  441. {
  442. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  443. }
  444. else if(!isVisiblecommunity)
  445. {
  446. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  447. }
  448. }
  449. }
  450. });
  451.  
  452. $('.travel-b').click(function ()
  453. {
  454. $("#menu li a").each(function(){
  455. $("#menu li a").removeClass("current");
  456. });
  457. $(this).addClass("current");
  458. var isVisible = $('.menu-extend').is(':visible');
  459. var isVisiblestores = $('.stores').is(':visible');
  460. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  461. var isVisiblehomefashion = $('.homefashion').is(':visible');
  462. var isVisibletravel = $('.travel').is(':visible');
  463. var isVisiblemotoring = $('.motoring').is(':visible');
  464. var isVisiblefuneral = $('.funeral').is(':visible');
  465. var isVisiblecommunity = $('.community').is(':visible');
  466. if(isVisible)
  467. {
  468. if(!isVisibletravel)
  469. {
  470. if(isVisiblestores)
  471. {
  472. $('.stores').slideUp("1000", function() { $('.travel').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #f39323'); });
  473. }
  474. else if(isVisiblefooddrink)
  475. {
  476. $('.fooddrink').slideUp("1000", function() { $('.travel').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #f39323'); });
  477. }
  478. else if(isVisiblehomefashion)
  479. {
  480. $('.homefashion').slideUp("1000", function() { $('.travel').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #f39323'); });
  481. }
  482. else if(isVisiblemotoring)
  483. {
  484. $('.motoring').slideUp("1000", function() { $('.travel').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #f39323'); });
  485. }
  486. else if(isVisiblefuneral)
  487. {
  488. $('.funeral').slideUp("1000", function() { $('.travel').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #f39323'); });
  489. }
  490. else if(isVisiblecommunity)
  491. {
  492. $('.community').slideUp("1000", function() { $('.travel').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #f39323'); });
  493. }
  494. }
  495. else
  496. {
  497. $('.travel').slideUp("1000");
  498. $("#menu li a").removeClass("current");
  499. }
  500. }
  501. else
  502. {
  503. $('.travel').slideDown();
  504. $('.menu-wrap').css('border-bottom', '8px solid #f39323');
  505. }
  506. });
  507. $('.travel-b').mouseenter(function () {
  508. var isVisible = $('.menu-extend').is(':visible');
  509. var isVisiblestores = $('.stores').is(':visible');
  510. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  511. var isVisiblehomefashion = $('.homefashion').is(':visible');
  512. var isVisibletravel = $('.travel').is(':visible');
  513. var isVisiblemotoring = $('.motoring').is(':visible');
  514. var isVisiblefuneral = $('.funeral').is(':visible');
  515. var isVisiblecommunity = $('.community').is(':visible');
  516. if(!isVisible)
  517. {
  518. if(!isVisibletravel)
  519. {
  520. if(!isVisiblestores)
  521. {
  522. $('.menu-wrap').css('border-bottom', '8px solid #f39323');
  523. }
  524. else if(!isVisiblefooddrink)
  525. {
  526. $('.menu-wrap').css('border-bottom', '8px solid #f39323');
  527. }
  528. else if(!isVisiblehomefashion)
  529. {
  530. $('.menu-wrap').css('border-bottom', '8px solid #f39323');
  531. }
  532. else if(!isVisiblemotoring)
  533. {
  534. $('.menu-wrap').css('border-bottom', '8px solid #f39323');
  535. }
  536. else if(!isVisiblefuneral)
  537. {
  538. $('.menu-wrap').css('border-bottom', '8px solid #f39323');
  539. }
  540. else if(!isVisiblecommunity)
  541. {
  542. $('.menu-wrap').css('border-bottom', '8px solid #f39323');
  543. }
  544. }
  545. }
  546. });
  547. $('.travel-b').mouseleave(function () {
  548. var isVisible = $('.menu-extend').is(':visible');
  549. var isVisiblestores = $('.stores').is(':visible');
  550. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  551. var isVisiblehomefashion = $('.homefashion').is(':visible');
  552. var isVisibletravel = $('.travel').is(':visible');
  553. var isVisiblemotoring = $('.motoring').is(':visible');
  554. var isVisiblefuneral = $('.funeral').is(':visible');
  555. var isVisiblecommunity = $('.community').is(':visible');
  556. if(!isVisible)
  557. {
  558. if(!isVisibletravel)
  559. {
  560. if(!isVisiblestores)
  561. {
  562. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  563. }
  564. else if(!isVisiblefooddrink)
  565. {
  566. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  567. }
  568. else if(!isVisiblehomefashion)
  569. {
  570. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  571. }
  572. else if(!isVisiblemotoring)
  573. {
  574. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  575. }
  576. else if(!isVisiblefuneral)
  577. {
  578. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  579. }
  580. else if(!isVisiblecommunity)
  581. {
  582. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  583. }
  584. }
  585. }
  586. });
  587.  
  588. $('.motoring-b').click(function ()
  589. {
  590. $("#menu li a").each(function(){
  591. $("#menu li a").removeClass("current");
  592. });
  593. $(this).addClass("current");
  594. var isVisible = $('.menu-extend').is(':visible');
  595. var isVisiblestores = $('.stores').is(':visible');
  596. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  597. var isVisiblehomefashion = $('.homefashion').is(':visible');
  598. var isVisibletravel = $('.travel').is(':visible');
  599. var isVisiblemotoring = $('.motoring').is(':visible');
  600. var isVisiblefuneral = $('.funeral').is(':visible');
  601. var isVisiblecommunity = $('.community').is(':visible');
  602. if(isVisible)
  603. {
  604. if(!isVisiblemotoring)
  605. {
  606. if(isVisiblestores)
  607. {
  608. $('.stores').slideUp("1000", function() { $('.motoring').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #a7a7a8'); });
  609. }
  610. else if(isVisiblefooddrink)
  611. {
  612. $('.fooddrink').slideUp("1000", function() { $('.motoring').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #a7a7a8'); });
  613. }
  614. else if(isVisiblehomefashion)
  615. {
  616. $('.homefashion').slideUp("1000", function() { $('.motoring').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #a7a7a8'); });
  617. }
  618. else if(isVisibletravel)
  619. {
  620. $('.travel').slideUp("1000", function() { $('.motoring').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #a7a7a8'); });
  621. }
  622. else if(isVisiblefuneral)
  623. {
  624. $('.funeral').slideUp("1000", function() { $('.motoring').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #a7a7a8'); });
  625. }
  626. else if(isVisiblecommunity)
  627. {
  628. $('.community').slideUp("1000", function() { $('.motoring').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #a7a7a8'); });
  629. }
  630. }
  631. else
  632. {
  633. $('.motoring').slideUp("1000");
  634. $("#menu li a").removeClass("current");
  635. }
  636. }
  637. else
  638. {
  639. $('.motoring').slideDown();
  640. $('.menu-wrap').css('border-bottom', '8px solid #a7a7a8');
  641. }
  642. });
  643. $('.motoring-b').mouseenter(function () {
  644. var isVisible = $('.menu-extend').is(':visible');
  645. var isVisiblestores = $('.stores').is(':visible');
  646. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  647. var isVisiblehomefashion = $('.homefashion').is(':visible');
  648. var isVisibletravel = $('.travel').is(':visible');
  649. var isVisiblemotoring = $('.motoring').is(':visible');
  650. var isVisiblefuneral = $('.funeral').is(':visible');
  651. var isVisiblecommunity = $('.community').is(':visible');
  652. if(!isVisible)
  653. {
  654. if(!isVisiblemotoring)
  655. {
  656. if(!isVisiblestores)
  657. {
  658. $('.menu-wrap').css('border-bottom', '8px solid #a7a7a8');
  659. }
  660. else if(!isVisiblefooddrink)
  661. {
  662. $('.menu-wrap').css('border-bottom', '8px solid #a7a7a8');
  663. }
  664. else if(!isVisiblehomefashion)
  665. {
  666. $('.menu-wrap').css('border-bottom', '8px solid #a7a7a8');
  667. }
  668. else if(!isVisibletravel)
  669. {
  670. $('.menu-wrap').css('border-bottom', '8px solid #a7a7a8');
  671. }
  672. else if(!isVisiblefuneral)
  673. {
  674. $('.menu-wrap').css('border-bottom', '8px solid #a7a7a8');
  675. }
  676. else if(!isVisiblecommunity)
  677. {
  678. $('.menu-wrap').css('border-bottom', '8px solid #a7a7a8');
  679. }
  680. }
  681. }
  682. });
  683. $('.motoring-b').mouseleave(function () {
  684. var isVisible = $('.menu-extend').is(':visible');
  685. var isVisiblestores = $('.stores').is(':visible');
  686. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  687. var isVisiblehomefashion = $('.homefashion').is(':visible');
  688. var isVisibletravel = $('.travel').is(':visible');
  689. var isVisiblemotoring = $('.motoring').is(':visible');
  690. var isVisiblefuneral = $('.funeral').is(':visible');
  691. var isVisiblecommunity = $('.community').is(':visible');
  692. if(!isVisible)
  693. {
  694. if(!isVisiblemotoring)
  695. {
  696. if(!isVisiblestores)
  697. {
  698. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  699. }
  700. else if(!isVisiblefooddrink)
  701. {
  702. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  703. }
  704. else if(!isVisiblehomefashion)
  705. {
  706. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  707. }
  708. else if(!isVisibletravel)
  709. {
  710. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  711. }
  712. else if(!isVisiblefuneral)
  713. {
  714. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  715. }
  716. else if(!isVisiblecommunity)
  717. {
  718. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  719. }
  720. }
  721. }
  722. });
  723.  
  724. $('.funeral-b').click(function ()
  725. {
  726. $("#menu li a").each(function(){
  727. $("#menu li a").removeClass("current");
  728. });
  729. $(this).addClass("current");
  730. var isVisible = $('.menu-extend').is(':visible');
  731. var isVisiblestores = $('.stores').is(':visible');
  732. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  733. var isVisiblehomefashion = $('.homefashion').is(':visible');
  734. var isVisibletravel = $('.travel').is(':visible');
  735. var isVisiblemotoring = $('.motoring').is(':visible');
  736. var isVisiblefuneral = $('.funeral').is(':visible');
  737. var isVisiblecommunity = $('.community').is(':visible');
  738. if(isVisible)
  739. {
  740. if(!isVisiblefuneral)
  741. {
  742. if(isVisiblestores)
  743. {
  744. $('.stores').slideUp("1000", function() { $('.funeral').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #7878a7'); });
  745. }
  746. else if(isVisiblefooddrink)
  747. {
  748. $('.fooddrink').slideUp("1000", function() { $('.funeral').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #7878a7'); });
  749. }
  750. else if(isVisiblehomefashion)
  751. {
  752. $('.homefashion').slideUp("1000", function() { $('.funeral').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #7878a7'); });
  753. }
  754. else if(isVisibletravel)
  755. {
  756. $('.travel').slideUp("1000", function() { $('.funeral').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #7878a7'); });
  757. }
  758. else if(isVisiblemotoring)
  759. {
  760. $('.motoring').slideUp("1000", function() { $('.funeral').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #7878a7'); });
  761. }
  762. else if(isVisiblecommunity)
  763. {
  764. $('.community').slideUp("1000", function() { $('.funeral').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #7878a7'); });
  765. }
  766. }
  767. else
  768. {
  769. $('.funeral').slideUp("1000");
  770. $("#menu li a").removeClass("current");
  771. }
  772. }
  773. else
  774. {
  775. $('.funeral').slideDown();
  776. $('.menu-wrap').css('border-bottom', '8px solid #7878a7');
  777. }
  778. });
  779. $('.funeral-b').mouseenter(function () {
  780. var isVisible = $('.menu-extend').is(':visible');
  781. var isVisiblestores = $('.stores').is(':visible');
  782. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  783. var isVisiblehomefashion = $('.homefashion').is(':visible');
  784. var isVisibletravel = $('.travel').is(':visible');
  785. var isVisiblemotoring = $('.motoring').is(':visible');
  786. var isVisiblefuneral = $('.funeral').is(':visible');
  787. var isVisiblecommunity = $('.community').is(':visible');
  788. if(!isVisible)
  789. {
  790. if(!isVisiblefuneral)
  791. {
  792. if(!isVisiblestores)
  793. {
  794. $('.menu-wrap').css('border-bottom', '8px solid #7878a7');
  795. }
  796. else if(!isVisiblefooddrink)
  797. {
  798. $('.menu-wrap').css('border-bottom', '8px solid #7878a7');
  799. }
  800. else if(!isVisiblehomefashion)
  801. {
  802. $('.menu-wrap').css('border-bottom', '8px solid #7878a7');
  803. }
  804. else if(!isVisibletravel)
  805. {
  806. $('.menu-wrap').css('border-bottom', '8px solid #7878a7');
  807. }
  808. else if(!isVisiblemotoring)
  809. {
  810. $('.menu-wrap').css('border-bottom', '8px solid #7878a7');
  811. }
  812. else if(!isVisiblecommunity)
  813. {
  814. $('.menu-wrap').css('border-bottom', '8px solid #7878a7');
  815. }
  816. }
  817. }
  818. });
  819. $('.funeral-b').mouseleave(function () {
  820. var isVisible = $('.menu-extend').is(':visible');
  821. var isVisiblestores = $('.stores').is(':visible');
  822. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  823. var isVisiblehomefashion = $('.homefashion').is(':visible');
  824. var isVisibletravel = $('.travel').is(':visible');
  825. var isVisiblemotoring = $('.motoring').is(':visible');
  826. var isVisiblefuneral = $('.funeral').is(':visible');
  827. var isVisiblecommunity = $('.community').is(':visible');
  828. if(!isVisible)
  829. {
  830. if(!isVisiblefuneral)
  831. {
  832. if(!isVisiblestores)
  833. {
  834. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  835. }
  836. else if(!isVisiblefooddrink)
  837. {
  838. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  839. }
  840. else if(!isVisiblehomefashion)
  841. {
  842. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  843. }
  844. else if(!isVisibletravel)
  845. {
  846. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  847. }
  848. else if(!isVisiblemotoring)
  849. {
  850. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  851. }
  852. else if(!isVisiblecommunity)
  853. {
  854. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  855. }
  856. }
  857. }
  858. });
  859.  
  860. $('.community-b').click(function ()
  861. {
  862. $("#menu li a").each(function(){
  863. $("#menu li a").removeClass("current");
  864. });
  865. $(this).addClass("current");
  866. var isVisible = $('.menu-extend').is(':visible');
  867. var isVisiblestores = $('.stores').is(':visible');
  868. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  869. var isVisiblehomefashion = $('.homefashion').is(':visible');
  870. var isVisibletravel = $('.travel').is(':visible');
  871. var isVisiblemotoring = $('.motoring').is(':visible');
  872. var isVisiblefuneral = $('.funeral').is(':visible');
  873. var isVisiblecommunity = $('.community').is(':visible');
  874. if(isVisible)
  875. {
  876. if(!isVisiblecommunity)
  877. {
  878. if(isVisiblestores)
  879. {
  880. $('.stores').slideUp("1000", function() { $('.community').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #ffc200'); });
  881. }
  882. else if(isVisiblefooddrink)
  883. {
  884. $('.fooddrink').slideUp("1000", function() { $('.community').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #ffc200'); });
  885. }
  886. else if(isVisiblehomefashion)
  887. {
  888. $('.homefashion').slideUp("1000", function() { $('.community').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #ffc200'); });
  889. }
  890. else if(isVisibletravel)
  891. {
  892. $('.travel').slideUp("1000", function() { $('.community').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #ffc200'); });
  893. }
  894. else if(isVisiblemotoring)
  895. {
  896. $('.motoring').slideUp("1000", function() { $('.community').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #ffc200'); });
  897. }
  898. else if(isVisiblefuneral)
  899. {
  900. $('.funeral').slideUp("1000", function() { $('.community').slideDown("1000");$('.menu-wrap').css('border-bottom', '8px solid #ffc200'); });
  901. }
  902. }
  903. else
  904. {
  905. $('.community').slideUp("1000");
  906. $("#menu li a").removeClass("current");
  907. }
  908. }
  909. else
  910. {
  911. $('.community').slideDown();
  912. $('.menu-wrap').css('border-bottom', '8px solid #ffc200');
  913. }
  914. });
  915. $('.community-b').mouseenter(function () {
  916. var isVisible = $('.menu-extend').is(':visible');
  917. var isVisiblestores = $('.stores').is(':visible');
  918. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  919. var isVisiblehomefashion = $('.homefashion').is(':visible');
  920. var isVisibletravel = $('.travel').is(':visible');
  921. var isVisiblemotoring = $('.motoring').is(':visible');
  922. var isVisiblefuneral = $('.funeral').is(':visible');
  923. var isVisiblecommunity = $('.community').is(':visible');
  924. if(!isVisible)
  925. {
  926. if(!isVisiblecommunity)
  927. {
  928. if(!isVisiblestores)
  929. {
  930. $('.menu-wrap').css('border-bottom', '8px solid #ffc200');
  931. }
  932. else if(!isVisiblefooddrink)
  933. {
  934. $('.menu-wrap').css('border-bottom', '8px solid #ffc200');
  935. }
  936. else if(!isVisiblehomefashion)
  937. {
  938. $('.menu-wrap').css('border-bottom', '8px solid #ffc200');
  939. }
  940. else if(!isVisibletravel)
  941. {
  942. $('.menu-wrap').css('border-bottom', '8px solid #ffc200');
  943. }
  944. else if(!isVisiblemotoring)
  945. {
  946. $('.menu-wrap').css('border-bottom', '8px solid #ffc200');
  947. }
  948. else if(!isVisiblefuneral)
  949. {
  950. $('.menu-wrap').css('border-bottom', '8px solid #ffc200');
  951. }
  952. }
  953. }
  954. });
  955. $('.community-b').mouseleave(function () {
  956. var isVisible = $('.menu-extend').is(':visible');
  957. var isVisiblestores = $('.stores').is(':visible');
  958. var isVisiblefooddrink = $('.fooddrink').is(':visible');
  959. var isVisiblehomefashion = $('.homefashion').is(':visible');
  960. var isVisibletravel = $('.travel').is(':visible');
  961. var isVisiblemotoring = $('.motoring').is(':visible');
  962. var isVisiblefuneral = $('.funeral').is(':visible');
  963. var isVisiblecommunity = $('.community').is(':visible');
  964. if(!isVisible)
  965. {
  966. if(!isVisiblecommunity)
  967. {
  968. if(!isVisiblestores)
  969. {
  970. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  971. }
  972. else if(!isVisiblefooddrink)
  973. {
  974. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  975. }
  976. else if(!isVisiblehomefashion)
  977. {
  978. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  979. }
  980. else if(!isVisibletravel)
  981. {
  982. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  983. }
  984. else if(!isVisiblemotoring)
  985. {
  986. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  987. }
  988. else if(!isVisiblefuneral)
  989. {
  990. $('.menu-wrap').css('border-bottom', '8px solid ' + cl);
  991. }
  992. }
  993. }
  994. });
  995. });

Report this snippet  

You need to login to post a comment.