portal html css js resource

tabCom.js 2.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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. $(".leftconItem>.dropconItem").hide();
  31. var activeTab = $(this).attr("rel");
  32. $("#" + activeTab).fadeIn();
  33. $("ul.moreNavUl 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. $("ul.table-drop").on("click","li",function(){
  42. var id=$(this).attr("id")
  43. $(this).parents(".rightbtn").find("span").html($(this).text());
  44. $(this).parents(".rightbtn").attr("rel",id)
  45. $(".table-drop").fadeOut(1000);
  46. })
  47. //*********个人企业主页 tab切换************//
  48. //*********search tab 切换************//
  49. $(".listdiv .listbox").hide();
  50. $(".listdiv .listbox:first").show();
  51. $("ul.choosediv").on("click", "li", function() {
  52. $(".listdiv .listbox").hide();
  53. var activeTab = $(this).attr("rel");
  54. $("#" + activeTab).fadeIn();
  55. $("ul.choosediv li").removeClass("liactive");
  56. $(this).addClass("liactive");
  57. });
  58. //*********search tab 切换************//