详情页弹窗

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addtocart.phtml

@@ -96,6 +96,7 @@
 
         $('#free-return-button').click(function(data) {
             $("#free-return").show();
+            $("#free-return").siblings().hide();
             if (isMobile()){
                 $(".lis").slideToggle("slow");
             }else{
@@ -105,6 +106,7 @@
         });
         $('#freeshipping-button').click(function(data) {
             $("#freeshipping").show();
+            $("#freeshipping").siblings().hide();
             if (isMobile()){
                 $(".lis").slideToggle("slow");
             }else{
@@ -115,6 +117,7 @@
 
         $('#description-button').click(function(data) {
             $("#description-content").show();
+            $("#description-content").siblings().hide();
             if (isMobile()){
                 $(".lis").slideToggle("slow");
             }else{
@@ -125,7 +128,7 @@
 
         $('#short-description-button').click(function(data) {
             $("#short-description-content").show();
-            $("#").show();
+            $("#short-description-content").siblings().hide();
             if (isMobile()){
                 $(".lis").slideToggle("slow");
             }else{
@@ -142,6 +145,8 @@
             $("#free-return").hide();
             $("#size-chart").hide();
             $("#freeshipping").hide();
+            $("#short-description-content").hide();
+            $("#description-content").hide();
         }
 
         /*close*/

app/design/frontend/Joshine/breeze/web/css/_joshine_utils.less

@@ -365,4 +365,25 @@ fieldset[disabled] a.joshine-btn {
 
 .cursor-zoom-in:hover {
   cursor: url('@{baseDir}images/cursor-zoom-in.svg'), auto;
+}
+
+.joshine-ui-icon-show {
+  content: ' ';
+  width: 1.5rem;
+  height: 1.5rem;
+  -webkit-mask-size: 1rem 1rem;
+  background-color: currentColor;
+  -webkit-mask: url('@{baseDir}images/cursor-zoom-in.svg'), auto;
+}
+.joshine-ui-icon-toggle{
+  content: ' ';
+  position: absolute;
+  right: 0.125rem;
+  top: 50%;
+  margin-top: -0.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  -webkit-mask-size: 1rem 1rem;
+  background-color: currentColor;
+  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
 }
\ No newline at end of file