{"id":4494,"date":"2024-05-06T05:48:56","date_gmt":"2024-05-06T05:48:56","guid":{"rendered":"https:\/\/aesthetic.revery.group\/content-tabs-with-remote-controls\/"},"modified":"2024-05-06T05:48:56","modified_gmt":"2024-05-06T05:48:56","slug":"content-tabs-with-remote-controls","status":"publish","type":"page","link":"https:\/\/aesthetic.revery.group\/zh\/content-tabs-with-remote-controls\/","title":{"rendered":"\u5e26\u9065\u63a7\u5668\u7684\u5185\u5bb9\u6807\u7b7e"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"4494\" class=\"elementor elementor-4494\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4702f0c e-flex e-con-boxed e-con e-parent\" data-id=\"4702f0c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d36f798 e-flex e-con-boxed e-con e-child\" data-id=\"d36f798\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9c4464f e-con-full e-flex e-con e-child\" data-id=\"9c4464f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e1f5e8 elementor-widget elementor-widget-ucaddon_remote_counter_display\" data-id=\"0e1f5e8\" data-element_type=\"widget\" data-widget_type=\"ucaddon_remote_counter_display.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n<style>\/* widget: Remote Counter *\/\n\n#uc_remote_counter_display_elementor_0e1f5e8\n{\n  display:flex;\n}\n\n<\/style>\n\n<div id=\"uc_remote_counter_display_elementor_0e1f5e8\" class=\"remote_counter_display\"  data-parentid='auto'>\n  <div class=\"ue-counter-current\"><\/div> \n    <div class=\"ue-counter-separator\">\/<\/div>\n      <div class=\"ue-counter-total\"><\/div>\n  \t\n<\/div>\n<script type=\"text\/javascript\"  id=\"ue_script_remote_counter_display\">\n\n\/* Remote Counter scripts: *\/ \n\njQuery(document).ready(function(){\t\n  \n    function numToText(num){\n      \n      if(num.toString().length < 2)\n         num = \"0\" + num;\n        \n      return(num);\n    }\n\n  function uc_remote_counter_display_elementor_0e1f5e8_start(){\n    \n    var objRemoteApi = new UERemoteWidgets();\n\tobjRemoteApi.onWidgetInit(\"uc_remote_counter_display_elementor_0e1f5e8\",function(objWidget){\n      \n      var currentItemDisplay = objWidget.find('.ue-counter-current');\n      var totalItemsDisplay = objWidget.find('.ue-counter-total');\n      \n      var totalItems = objRemoteApi.doAction('get_total_items');\n      var currentItem = objRemoteApi.doAction('get_num_current')+1;\n\t\t\n      totalItems = numToText(totalItems);\n      currentItem = numToText(currentItem);\n      \n            \n      \/\/ pass variables to html \n      \n      currentItemDisplay.text(currentItem);\n      totalItemsDisplay.text(totalItems);\n      \t\n      \/\/ define changed event\n      \n      objRemoteApi.onEvent(\"change\", function() {\n        \n        \/\/ get currentItem after changed event\n        var currentItem = objRemoteApi.doAction('get_num_current')+1;\n        currentItem = numToText(currentItem);\n        \n                \n        currentItemDisplay.text(currentItem);\n      });\n\n    });\t\t\n\n}if(jQuery(\"#uc_remote_counter_display_elementor_0e1f5e8\").length) uc_remote_counter_display_elementor_0e1f5e8_start(); else\n\tjQuery( document ).on( 'elementor\/popup\/show', () => { if(jQuery(\"#uc_remote_counter_display_elementor_0e1f5e8\").length) uc_remote_counter_display_elementor_0e1f5e8_start();});\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd75d0d elementor-widget elementor-widget-heading\" data-id=\"fd75d0d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">\u7f8e\u5473\u4f73\u80b4<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30cd7f8 elementor-widget elementor-widget-text-editor\" data-id=\"30cd7f8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 26-05-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>\u901a\u8fc7\u6d41\u884c\u5bff\u53f8\u79cd\u7c7b\u6307\u5357\u63ed\u5f00\u98ce\u5473\u4e16\u754c\u7684\u9762\u7eb1\u3002<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3639aff elementor-widget elementor-widget-ucaddon_arrow_navigation\" data-id=\"3639aff\" data-element_type=\"widget\" data-widget_type=\"ucaddon_arrow_navigation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n\t\t<link id='font-awesome-css' href='https:\/\/aesthetic.revery.group\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/aesthetic.revery.group\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Remote Arrows *\/\n\n.ue-remote-carousel-navigation-wrapper\n{\n  display:flex;\n}\n\n.ue-remote-carousel-navigation-wrapper .ue-remote-arrow\n{\n  border:none;\n  border-color:transparent;\n}\n\n.ue-remote-carousel-navigation-wrapper .ue-remote-arrow:hover\n{\n  background-color:transparent;\n \n}\n\n\n#uc_arrow_navigation_elementor_3639aff\n{\n  display:inline-flex;\n}\n\n#uc_arrow_navigation_elementor_3639aff .ue-remote-arrow\n{\n  flex-grow:0;\n  flex-shrink:0;\n  transition:0.3s;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  line-height:1em;\n  cursor:pointer;\n}\n\n\n#uc_arrow_navigation_elementor_3639aff .ue-remote-arrow .ue-carousel-nav-icon\n{\n  transition:0.3s;\n  line-height:1em;\n}\n\n#uc_arrow_navigation_elementor_3639aff .ue-remote-arrow .ue-carousel-nav-icon svg\n{\n  transition:0.3s;\n  height:1em;\n  width:1em;\n}\n\n\n#uc_arrow_navigation_elementor_3639aff .ue-carousel-nav-label\n{\n  transition:0.3s;\n}\n\n#uc_arrow_navigation_elementor_3639aff .uc-disabled{\n\topacity: 0.3;\n}\n\n<\/style>\n\n<div class=\"ue-remote-carousel-navigation-wrapper\">\n<div id=\"uc_arrow_navigation_elementor_3639aff\" class=\"ue-remote-carousel-navigation\"  data-parentid='auto'>\n  \n  \n  \n\t<div class=\"ue-remote-arrow ue-carousel-prev\">\n    <div class=\"ue-carousel-nav-icon\"><i class='fas fa-chevron-left'><\/i><\/div>\n    \t\n  <\/div>   \n\t\n\n  \n \n\n  <div class=\"ue-remote-arrow ue-carousel-next\">\n        <div class=\"ue-carousel-nav-icon\"><i class='fas fa-chevron-right'><\/i><\/div>\n  <\/div>\n  \n  \n<\/div>\n<\/div>\n<script type=\"text\/javascript\"  id=\"ue_script_arrow_navigation\">\n\n\/* Remote Arrows scripts: *\/ \n\njQuery(document).ready(function(){\n  \n    var objRemoteApi = new UERemoteWidgets();\n  \n    function initArrows(parentid2){\n\t\n        var options = {};\n      \n        if(parentid2)\n      \t\toptions.force_parentid = parentid2;\n          \n        objRemoteApi.onWidgetInit(\"uc_arrow_navigation_elementor_3639aff\",function(objWidget){\n\n                        objRemoteApi.setAction(\"next\", \".ue-carousel-next\", true);\n             \n                           objRemoteApi.setAction(\"prev\", \".ue-carousel-prev\",true);\n              \t\t\n\n        },options);\t\n     \n        \n    }\n    \n    initArrows();\n    \n    var objWidget = jQuery(\"#uc_arrow_navigation_elementor_3639aff\");\n    \n     var parentid2 = objWidget.data(\"parentid2\");\n     if(parentid2)\n    \tinitArrows(parentid2);   \n              \n     \n     \t                  \n       \t          \n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-989ac93 e-con-full e-flex e-con e-child\" data-id=\"989ac93\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dd4bbc elementor-widget elementor-widget-ucaddon_content_tabs\" data-id=\"4dd4bbc\" data-element_type=\"widget\" data-widget_type=\"ucaddon_content_tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\n\n<style>\/* widget: Content Tabs *\/\n\n#uc_content_tabs_elementor_4dd4bbc \n{ \n  text-align: left; \n  position: relative;\n  overflow:hidden;\n  display:flex;\n  flex-direction:column;\n}\n\n\n#uc_content_tabs_elementor_4dd4bbc .ue-graphic-element\n{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  line-height:1em;\n  overflow:hidden;\n}\n\n#uc_content_tabs_elementor_4dd4bbc .ue-graphic-element svg\n{\n  height:1em;\n  width:1em;\n}\n\n#uc_content_tabs_elementor_4dd4bbc .ue-graphic-element img\n{\n  display:block;\n}\n\n#uc_content_tabs_elementor_4dd4bbc .ue-item-image img\n{\n  width:100%;\n  display:block;\n}\n\n#uc_content_tabs_elementor_4dd4bbc .uc_container .uc_btn {\n\n    text-align: center;\n    display: inline-block;\n    text-decoration: none;\n    transition: ease-in-out all 0.25s;\n}\n\n\t\n\n\n#uc_content_tabs_elementor_4dd4bbc * {\n    box-sizing: border-box;\n}\n#uc_content_tabs_elementor_4dd4bbc .ue-tab-btn\n{\n  transition: 0.5s;\n} \n\n#uc_content_tabs_elementor_4dd4bbc > ul.tabs{\n   margin:0px;\n   list-style:none;\n   display:flex;\n}\n\n\n  #uc_content_tabs_elementor_4dd4bbc > ul.tabs{\n      justify-content:flex-start;\n      flex-wrap: wrap;\n  }\n\n\n#uc_content_tabs_elementor_4dd4bbc > ul.tabs > li\n{\n\tpadding:0px; \n\tmargin:0px;\n            flex:1;\n       text-align:center;\n    \t\n\n}\n\n\n\t\n#uc_content_tabs_elementor_4dd4bbc > ul.tabs > li > a {\n\t\n\tdisplay:flex;\n\ttext-decoration:none;\n    transition:0.5s;\n    flex-wrap: wrap;\n    \n}\n\n#uc_content_tabs_elementor_4dd4bbc .tab-container {\n\tclear:both;\n\toverflow:hidden;\n}\n\n#uc_content_tabs_elementor_4dd4bbc .ue_post_image img\n{\n  display:block;\n  width:100%;\n  object-fit: cover;\n}\n\n#uc_content_tabs_elementor_4dd4bbc .ue_post_link\n{\n  display:;\n  text-decoration:none;\n}\n\n#uc_content_tabs_elementor_4dd4bbc .panes{ display:none;}\n#uc_content_tabs_elementor_4dd4bbc.r-tabs .r-tabs-tab {\n    display: block;\n    margin: 0;\n    list-style: none;\n}\n\n#uc_content_tabs_elementor_4dd4bbc.r-tabs .r-tabs-panel {\n    display: none;\n}\n\n#uc_content_tabs_elementor_4dd4bbc.r-tabs .r-tabs-accordion-title {\n    display: none;\n}\n\n#uc_content_tabs_elementor_4dd4bbc.r-tabs .r-tabs-panel.r-tabs-state-active {\n    display: flex;\n}\n#uc_content_tabs_elementor_4dd4bbc .panel-container{\n   width:100%;\n }\n #uc_content_tabs_elementor_4dd4bbc .ue-item-content-layout\n{\n  display:flex;\n}\n\n #uc_content_tabs_elementor_4dd4bbc .ue-item-image-wrapper\n{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n #uc_content_tabs_elementor_4dd4bbc .ue-item-content-wrapper\n{\n  flex-grow:1;\n}\n\n\n@media only screen and (max-width: 768px){\n  \n #uc_content_tabs_elementor_4dd4bbc > ul.tabs {display:none;}\n #uc_content_tabs_elementor_4dd4bbc.r-tabs .r-tabs-nav { display: none;}\n\n #uc_content_tabs_elementor_4dd4bbc.r-tabs .r-tabs-accordion-title { display: block;}\n #uc_content_tabs_elementor_4dd4bbc .r-tabs-accordion-title .r-tabs-anchor{ \n      display:flex;\n      align-items:center;\n      overflow:hidden; \n }\n  \n #uc_content_tabs_elementor_4dd4bbc .uc-tabs-accordion-title{\n     flex-grow:1;\n }\n  \n #uc_content_tabs_elementor_4dd4bbc .r-tabs-accordion-title .uc-accordion-icon-collapse{\n    display:none;    \n }\n  \n #uc_content_tabs_elementor_4dd4bbc .r-tabs-accordion-title.r-tabs-state-active .uc-accordion-icon-collapse{\n    display:block;\n }\n  \n #uc_content_tabs_elementor_4dd4bbc .r-tabs-accordion-title.r-tabs-state-active .uc-accordion-icon-expand{\n    display:none;\n }\n  \n #uc_content_tabs_elementor_4dd4bbc .ue-item-content-layout{\n    display:flex;\n    flex-direction:column;\n }\n\n #uc_content_tabs_elementor_4dd4bbc .ue-item-image-wrapper{\n \twidth:100%;\n }\n\n #uc_content_tabs_elementor_4dd4bbc .uc-tabs-accordion-title{\n    display:flex;\n    align-items:center;\n }\n\n #uc_content_tabs_elementor_4dd4bbc .panel-container{\n   width:100%;\n    } \n  \n  #uc_content_tabs_elementor_4dd4bbc .tab-container{\n    background-color: ;\n  }\n  \n}\n\n\n\n\n\n\n<\/style>\n\n<div class=\"uc_bold_tabs padding  uc-remote-parent\" id=\"uc_content_tabs_elementor_4dd4bbc\"  data-debug=\"false\" data-editor=\"no\"  data-remoteid='auto' data-widgetname='Content Tabs' data-collapsible=\"true\" data-hash=\"false\" data-hash-scroll=\"off\" data-scroll-to-selected-tab-offset=\"0\" data-scroll-after-selected=\"false\">\n    \t<ul class=\"tabs uc_tab_nav uc-items-wrapper\">\n        \t\n<li class=\"elementor-repeater-item-e1b2d75\">\n  \t\n  \t<a href=\"javascript:void(0);\" data-content-id=\"uc_content_tabs_elementor_4dd4bbc_item1\"  data-hash-id=\"ue-tab1\" class=\"ue-tab-btn\">\n \t              \t   \n      <div>\u52a0\u5dde\u5377<\/div>\n    <\/a>\n      \n<\/li>\n\n<li class=\"elementor-repeater-item-c73a975\">\n  \t\n  \t<a href=\"javascript:void(0);\" data-content-id=\"uc_content_tabs_elementor_4dd4bbc_item2\"  data-hash-id=\"ue-tab2\" class=\"ue-tab-btn\">\n \t              \t   \n      <div>\u9f99\u5377<\/div>\n    <\/a>\n      \n<\/li>\n\n<li class=\"elementor-repeater-item-2d99765\">\n  \t\n  \t<a href=\"javascript:void(0);\" data-content-id=\"uc_content_tabs_elementor_4dd4bbc_item3\"  data-hash-id=\"ue-tab3\" class=\"ue-tab-btn\">\n \t              \t   \n      <div>\u8d39\u57ce\u5377<\/div>\n    <\/a>\n      \n<\/li>\n\n        <\/ul>\n        <div class=\"panel-container uc-items-wrapper2\">\n\t\t\t<div id=\"uc_content_tabs_elementor_4dd4bbc_item1\" class=\"tab-container panes\">\n\t<div>\n                     <div class=\"ue-item-content-layout\"> \n           <div class=\"ue-item-image-wrapper\"><div class=\"ue-item-image\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/aesthetic.revery.group\/wp-content\/uploads\/2024\/06\/Asset-3@3x-1.png\"  alt=\"Asset 3@3x\" width=\"416\" height=\"416\"><\/div><\/div>\n           <div class=\"ue-item-content-wrapper\">\n                      <div class=\"ue-content-text\"><p>\u4e00\u79cd\u5bff\u53f8\u5377\uff0c\u901a\u5e38\u91cc\u9762\u6709\u9cc4\u68a8\u3001\u9ec4\u74dc\u548c\u4eff\u5236\u7684\u87f9\u8089\u3002<\/p><\/div>           <div class=\"ue-btn-wrapper\"><a href=\"#\" class=\"uc_btn uc_more_btn\" >\u4e86\u89e3\u66f4\u591a<\/a><\/div>           <\/div>  \n         <\/div>\n         \n      \t<\/div>\n<\/div>\n<div id=\"uc_content_tabs_elementor_4dd4bbc_item2\" class=\"tab-container panes\">\n\t<div>\n                     <div class=\"ue-item-content-layout\"> \n           <div class=\"ue-item-image-wrapper\"><div class=\"ue-item-image\"><img decoding=\"async\" src=\"https:\/\/aesthetic.revery.group\/wp-content\/uploads\/2024\/06\/Asset-2@3x.png\"  alt=\"Asset 2@3x\" width=\"417\" height=\"417\"><\/div><\/div>\n           <div class=\"ue-item-content-wrapper\">\n                      <div class=\"ue-content-text\"><div class=\"w-full border-b border-black\/10 dark:border-gray-900\/50 text-gray-800 dark:text-gray-100 group bg-gray-50 dark:bg-[#444654]\"><div class=\"text-base gap-4 md:gap-6 m-auto md:max-w-2xl lg:max-w-2xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0\"><div class=\"relative flex w-[calc(100%-50px)] md:flex-col lg:w-[calc(100%-115px)]\"><p>\u4e00\u79cd\u5bff\u53f8\u5377\uff0c\u901a\u5e38\u91cc\u9762\u6709\u5929\u5987\u7f57\u867e\u548c\u9cc4\u68a8\uff0c\u4e0a\u9762\u653e\u7740\u9cd7\u9c7c\u7247\u548c\u9cd7\u9c7c\u9171\u3002<\/p><\/div><\/div><\/div><\/div>           <div class=\"ue-btn-wrapper\"><a href=\"#\" class=\"uc_btn uc_more_btn\" >\u4e86\u89e3\u66f4\u591a<\/a><\/div>           <\/div>  \n         <\/div>\n         \n      \t<\/div>\n<\/div>\n<div id=\"uc_content_tabs_elementor_4dd4bbc_item3\" class=\"tab-container panes\">\n\t<div>\n                     <div class=\"ue-item-content-layout\"> \n           <div class=\"ue-item-image-wrapper\"><div class=\"ue-item-image\"><img decoding=\"async\" src=\"https:\/\/aesthetic.revery.group\/wp-content\/uploads\/2024\/06\/Asset-1@3x.png\"  alt=\"Asset 1@3x\" width=\"416\" height=\"416\"><\/div><\/div>\n           <div class=\"ue-item-content-wrapper\">\n                      <div class=\"ue-content-text\"><p>\u4e00\u79cd\u91cc\u9762\u586b\u5145\u6709\u70df\u718f\u4e09\u6587\u9c7c\u3001\u5976\u6cb9\u5e72\u916a\u548c\u9ec4\u74dc\u7684\u5bff\u53f8\u5377\u3002<\/p><\/div>           <div class=\"ue-btn-wrapper\"><a href=\"#\" class=\"uc_btn uc_more_btn\" >\u4e86\u89e3\u66f4\u591a<\/a><\/div>           <\/div>  \n         <\/div>\n         \n      \t<\/div>\n<\/div>\n\n        <\/div>\n  \n  <div class=\"uc-accordion-contents-template\" style=\"display:none\">\n    <div class=\"uc-accordion-icon\">\n      <span class=\"uc-accordion-icon-expand\"><i class='fas fa-plus'><\/i><\/span>\n      <span class=\"uc-accordion-icon-collapse\"><i class='fas fa-minus'><\/i><\/span>\n    <\/div>\n  <\/div>\n  \n<\/div>\n<script type=\"text\/javascript\"  id=\"ue_script_content_tabs\">\n\n\/* Content Tabs scripts: *\/ \n\njQuery(document).ready(function(){\n function uc_content_tabs_elementor_4dd4bbc_start() {\t\n\t\t\n  var jQuerytabs = jQuery('#uc_content_tabs_elementor_4dd4bbc');\n  var htmlAccordion = jQuerytabs.find(\".uc-accordion-contents-template\").html();  \n  var objTabs = jQuerytabs.find(\".ue-tab-btn\");\n  \n  var g_dataScrollToHashedTab = jQuerytabs.data(\"hash-scroll\");\n  var g_scrollOffset = jQuerytabs.data(\"scroll-to-selected-tab-offset\");\n\n  var objElementorTabs = jQuery(\".e-n-tabs .e-n-tab-title\");\n  \n  var tabsOptions = {\n    \n      startCollapsed: 'none',\n              collapsible: 'accordion',\n       closeCurrent: true,\n            \n      setHash: false,\n      accordionAnchorHTML:htmlAccordion ,\n      breakpoint: 768,\n       \n  }\n  \n   setTimeout(function(){\n  \tjQuerytabs.responsiveContentTabs('init', tabsOptions); \n   },400);\n  \/**\n  * before - after widget template tab fix\n  *\/  \n  jQuerytabs.on(\"click\", function(){\n  \n  \tvar objBeforeAfterWidgets = jQuerytabs.find(\".cocoen\");\n  \n    if(!objBeforeAfterWidgets.length){\n    \t\n      var objConnectedElements = jQuerytabs.find(\".ue-element\");\n      \n      if(objConnectedElements){\n        objConnectedElements.each(function(){\n      \n          var objElement = jQuery(this);\n          var dataId = objElement.data(\"id\");\n          var objConnectedBeforeAfterWidget = jQuery(\"#\"+dataId).find(\".cocoen\");\n\n          if(!objConnectedBeforeAfterWidget)\n          return(true);  \n\n          objConnectedBeforeAfterWidget.trigger(\"delayed_start\");\n        });\n      }      \n    \n    }else\n   \tobjBeforeAfterWidgets.trigger(\"delayed_start\"); \n   \n  });\n  \n  \/**\n  * scrolls the page\n  *\/  \n  function scrollToTop(elementOffsetTop, offset){\n     jQuery('html, body').animate({       \n       scrollTop: elementOffsetTop + offset                                  \n     }, 400);    \n  }\n\n  \/**\n  * scrolls to head in responsive mode\n  *\/  \n  function initScrollOption(){\n\n      \n  }\n     \n  \/**\n  * returns jQuery object of the hashed tab\n  *\/     \n  function getHashedTab(){  \n  \tif (!window.location.hash) \n    return false;\n\n    var hash = window.location.hash.replace(\"#\", \"\");\n    \n    var objHash = jQuery(\"[data-hash-id=\"+hash+\"]\");\n  \n    return(objHash);  \n  }   \n     \n  \/**\n  * scrolls to tab with different g_dataScrollToHashedTab values\n  *\/     \n  function scrollToTab(objTab){  \n    var objTabTop = objTab.offset().top;\n    \n    if (g_dataScrollToHashedTab == \"desktop\" && window.matchMedia(\"(min-width: 1024px)\").matches)\n      scrollToTop(objTabTop, g_scrollOffset);\n    \n    if (g_dataScrollToHashedTab == \"mobile\" && window.matchMedia(\"(max-width: 1024px)\").matches)\n\t  scrollToTop(objTabTop, g_scrollOffset);\n    \n    if (g_dataScrollToHashedTab == \"desktop+mobile\")\n      scrollToTop(objTabTop, g_scrollOffset);  \n  }   \n     \n  \/**\n  * scrolls to hashed tab after page load\n  *\/  \n  function scrollToHashedTab(){  \n  \tvar dataHash = jQuerytabs.data(\"hash\");\n    \n    if(dataHash == false)\n    return(false);\n        \n    if(g_dataScrollToHashedTab == \"off\")\n    return(false); \n    \n    var objHash = getHashedTab();\n    \n    if(!objHash || !objHash.length || objHash == false)\n    return(false); \n      \n    var objHashTop = objHash.offset().top;\n    \n    scrollToTab(objHash);      \t\n  } \n     \n  \/**\n  * check if element is in viewport\n  *\/\n  function isElementInViewport(element) {    \n    var elementTop = element.offset().top;\n    var elementBottom = elementTop + element.outerHeight();\n    \n    var viewportTop = jQuery(window).scrollTop();\n    var viewportBottom = viewportTop + jQuery(window).height();\n    \n    var isInViwport = elementBottom > viewportTop && elementTop < viewportBottom;\n    \n    return(isInViwport);\n  } \n    \n  \/**\n  * scrolls to selected tab\n  *\/   \n  function scrollToSelectedTab(objTab){    \t            \n    scrollToTab(objTab);  \n  }      \n     \n  \/**\n  * check if tab is in viewport and scroll\n  *\/    \n  function onTabsClick(){  \n    var dataScrollAfterSelected = jQuerytabs.data(\"scroll-after-selected\");\n    \n        \n    if(dataScrollAfterSelected == false){\n\n      var objTab = jQuery(this);\n\n      \/\/if in viewport - do nothing\n      if(isElementInViewport(objTab) == true)\n      return(true);  \n\n      scrollToSelectedTab(objTab);\n    }\n  }\n     \n  \/**\n  * suppooert of elementor tabs\n  *\/\n  function onElementorTabClick(){\n    var objButton = jQuery(this);\n    var dataContentId = objButton.attr(\"aria-controls\");\n    \n    if(!dataContentId)\n    return(true);\n    \n    var objContent = jQuery(\"#\"+dataContentId);\n    \n    if(!objContent)\n    return(true);  \n      \n    var objUETabs = objContent.find(\".uc_bold_tabs\");\n    \n    if(!objUETabs)\n    return(true); \n    \n    setTimeout(function(){\n      jQuerytabs.responsiveContentTabs(\"init\", \"destroy\");\n      objUETabs.responsiveContentTabs(\"reinit\", tabsOptions);\n    },300)\n  }   \n  \n  \/\/set timeout in case other script scrolls the page so this one was last   \n  setTimeout(scrollToHashedTab, 400);\n     \n  \/\/scroll to tab after remote widget triggered click   \n  objTabs.on(\"click\", onTabsClick);\n     \n  \/\/scrolls to head in responsive mode   \n  initScrollOption(); \n    \n  \/\/reinit tabs after ajax (filters) refresh   \n  jQuerytabs.on(\"uc_ajax_refreshed\", function(){\n    \n    jQuerytabs.responsiveContentTabs(\"init\", \"destroy\");\n    jQuerytabs.responsiveContentTabs(\"reinit\", tabsOptions);\n    initScrollOption();\n  \n  });\n     \n  \/\/elemtnor tab click\n  objElementorTabs.on(\"click\", onElementorTabClick); \n     \n  var objRemoteOptions = {\n    \tclass_items:\"r-tabs-tab\",\n    \tclass_active:\"r-tabs-state-active\",\n    \tselector_item_trigger:\".r-tabs-anchor\"\n  };\n      \n  \t\t\t\t\t\tjQuerytabs.data(\"uc-remote-options\", objRemoteOptions);\n\t\t\t\n\t\t\tjQuerytabs.trigger(\"uc-object-ready\");\n\t\t\tjQuery(document).trigger(\"uc-remote-parent-init\", [jQuerytabs]);\n\t\t\t  \n    \t\n }    \t\n if (jQuery(\"#uc_content_tabs_elementor_4dd4bbc\").length && !jQuery(\"#uc_content_tabs_elementor_4dd4bbc\").parents('[data-elementor-type=\"popup\"]').length || jQuery(\"#uc_content_tabs_elementor_4dd4bbc\").length && \"no\" == \"yes\") uc_content_tabs_elementor_4dd4bbc_start();\n jQuery(document).on(\"elementor\/popup\/show\", (event, id, objPopup) => {\n    if (objPopup.$element.has(jQuery(\"#uc_content_tabs_elementor_4dd4bbc\")).length) uc_content_tabs_elementor_4dd4bbc_start();\n });\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\/ Flavorful Delights Unwrap the World of Flavor with a Guide to Popular Sushi Types. California Roll Dragon Roll Philly Roll A type of sushi roll typically filled with avocado, cucumber, and imitation crab meat. Learn More A type of sushi roll typically filled with tempura shrimp and avocado, and topped with slices of eel [&hellip;]<\/p>","protected":false},"author":20,"featured_media":4493,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4494","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/pages\/4494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/comments?post=4494"}],"version-history":[{"count":0,"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/pages\/4494\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/media\/4493"}],"wp:attachment":[{"href":"https:\/\/aesthetic.revery.group\/zh\/wp-json\/wp\/v2\/media?parent=4494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}