senkesha

slide in slide out taken out of my theme

Apr 19th, 2016
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.03 KB | None | 0 0
  1. {block:iflinkstyle2}
  2. <a href="#" class="barn">{text:navi label} <i class="fa fa-arrow-down" style="float:right"></i></a>
  3. <div class="hidl">
  4. <i class="fa fa-home"></i> <a href="/">home</a><br>
  5. {block:AskEnabled}<i class="fa fa-envelope-o"></i> <a href="/ask">ask</a><br>{/block:AskEnabled}
  6. <i class="fa fa-folder-o"></i> <a href="{text:link 1}">{text:link 1 label}</a><br>
  7. <i class="fa fa-folder-o"></i> <a href="{text:link 2}">{text:link 2 label}</a><br>
  8. <i class="fa fa-folder-o"></i> <a href="{text:link 3}">{text:link 3 label}</a><br>
  9. <i class="fa fa-folder-o"></i> <a href="{text:link 4}">{text:link 4 label}</a>
  10. </div>{/block:iflinkstyle2}
  11.  
  12. #sidebar .barn {
  13. display: block;
  14. {block:ifbordernavi}border: 1px solid {color:navi border};{/block:ifbordernavi}
  15. font-size: {text:navi text}px;
  16. width: 191px;
  17. padding: 5px;
  18. text-align: {select:navi align};
  19. letter-spacing: {text:navi spacing}px;
  20. background: {color:navi bg};
  21. margin: 5px 0;
  22. color: {color:navi text};
  23. font-family: {select:body font};
  24. }
  25. #sidebar .barn a, .barn a:visited, .barn a:active, .barn a:hover {
  26. color: {color:navi text};
  27. text-decoration: none;
  28. }
  29. #sidebar .hidl {
  30. text-align: left;
  31. display: inline-block;
  32. background: {color:navi bg};
  33. padding: 5px;
  34. margin: 5px 0;
  35. color: {color: navi text};
  36. font-size: {text:navi text}px;
  37. {block:ifbordernavi}border: 1px solid {color:navi border};{/block:ifbordernavi}
  38. width: 191px;
  39. font-family: {select:body font};
  40. line-height: 115%;
  41. }
  42. #sidebar .hidl a, .hidl a:visited, .hidl a:active {
  43. color: {color:navi link};
  44. }
  45. #sidebar .hidl a:hover {
  46. color: {color:navi link hover};
  47. }
  48.  
  49. <!-- dropdown links -->
  50. <script type="text/javascript">
  51. jQuery(document).ready(function() {
  52. jQuery(".hidl").hide();
  53. //toggle the componenet with class msg_body
  54. jQuery(".barn").click(function(e) {
  55. e.preventDefault();
  56. jQuery(this).next(".hidl").slideToggle(500);
  57. });});
  58. </script>
Advertisement
Add Comment
Please, Sign In to add comment