1.更改样式名:
HTML:
<a href=" javascript: $('#HideProDescription').css('display','block'); $('.ShowProDescription').toggleClass('ShowProDescription_Open'); return false; ">
<div class="ShowProDescription"> Description du Produit</div>
</a>
<div id="HideProDescription" style="display:none;">
%%Panel.ProductTabs%%
%%Panel.ProductDescription%%
%%Panel.ProductMiscDetails%%
%%Panel.ProductVendorsOtherProducts%%
%%Panel.ProductReviews%%
</div>
CSS:
.ShowProDescription{
padding:8px 0 8px 48px;
color:#555;
width:86%;
margin:10px auto;
background:#e3e3e3 url('../images/mobile/pro_a_left.jpg') no-repeat 18px center;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
}
.ShowProDescription_Open{
padding:8px 0 8px 48px;
color:#fff;
width:86%;
margin:10px auto;
background:#f27020 url('../images/mobile/pro_a_left_open.jpg') no-repeat 18px center;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
}