这个想法是,这款手风琴仅适用于智能手机,以提高小型设备的可用性。
但是,它仅在您刷新 480 下的浏览器时才有效。
有没有办法在函数中包含一些东西,一旦窗口大小调整到 480 以下,浏览器就会刷新?
手动刷新浏览器根本无法使用。
var windowWidth = $(window).width(); //retrieve current window width
function accordion() {
if (windowWidth<=480)
{
$('h3').click(function() {
$('h3').next().hide(2000);
if($(this).next().is(':hidden') == true) {
$(this).next().show(1000); }
});
}}
$(document).ready(function() {
accordion();
});
HTML 标记
<section class="box">
<h3>Service 1</h3>
<div class="box2"> <p></p></div>
</section><!-- end box_1 -->
<section class="box">
<h3>Service 2</h3>
<div class="box2"><p></p> </div>
</section><!-- end box_2 -->
<section class="box">
<h3>Service 3</h3>
<div class="box2"><p></p> </div>
</section><!-- end box_3 -->
</section>