portal html css js resource

tabCom.js 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. //*********个人企业主页 tab切换************//
  2. $(document).bind("click",function(e){
  3. var target = $(e.target);
  4. if(target.closest(".moreBuUl>li.rightbtn").length == 0){
  5. $(".table-drop").hide();
  6. }
  7. })
  8. /* if in tab mode */
  9. $(".leftconItem").hide();
  10. $(".leftconItem:first").show();
  11. $(".moreNav").hide()
  12. $("ul.mainNavUl").on("click", "li", function() {
  13. $(".leftconItem").hide();
  14. var activeTab = $(this).attr("rel");
  15. $("#" + activeTab).fadeIn();
  16. $("ul.mainNavUl li").removeClass("liNow");
  17. $(this).addClass("liNow");
  18. $(".moreNav").hide();
  19. if($(this).is('[tmp]')){//问答、更多
  20. var activeMoreTab = $(this).attr("tmp");
  21. $("#" + activeMoreTab).fadeIn();
  22. }
  23. });
  24. /* if in tab-drop mode */
  25. $(".leftconItem>.dropconItem").hide();
  26. $(".leftconItem>.dropconItem:first").show();
  27. $("ul.moreNavUl").on("click", "li",function() {
  28. $(".moreNav").hide()
  29. $(this).parents(".moreNav").show()
  30. var activeTab = $(this).attr("rel");
  31. $("#" + activeTab).parents(".leftconItem").find(".dropconItem").hide();
  32. $("#" + activeTab).fadeIn();
  33. $(this).parent().find("li").removeClass("liNow");
  34. $(this).addClass("liNow");
  35. });
  36. $(".table-drop").hide()
  37. $("ul.moreNavUl").on("click", "li.rightbtn",function() {
  38. $(this).find(".table-drop").show();
  39. });
  40. /* if in tab-drop-2 mode */
  41. $(".dropconItem>.droplistcon").hide()
  42. $(".dropconItem>.droplistcon:first-child").show()
  43. $("ul.table-drop").on("click","li",function(){
  44. var activeTab = $(this).attr("rel");
  45. $("#" + activeTab).parents(".dropconItem").find(".droplistcon").hide();
  46. $("#" + activeTab).fadeIn();
  47. $(this).parents(".rightbtn").find("span").html($(this).text()).attr("tmp",activeTab);
  48. $(".table-drop").fadeOut(1000);
  49. })
  50. //*********个人企业主页 tab切换************//
  51. //*********search tab 切换************//
  52. $(".listdiv .listbox").hide();
  53. $(".listdiv .listbox:first").show();
  54. $("ul.choosediv").on("click", "li", function() {
  55. var activeTab = $(this).attr("rel");
  56. $("#" + activeTab).parents(".listdiv").find(".listbox").hide();
  57. $("#" + activeTab).fadeIn();
  58. $("ul.choosediv li").removeClass("liactive");
  59. $(this).addClass("liactive");
  60. });
  61. //*********search tab 切换************//