当900px以下时，当切换超过900px时，切换会展开

Question

当我在一个超过900px（最小宽度：901px;）的屏幕上以及当我在一个小于900px（最大宽度; 900px）的屏幕上时，我想要扩展它我希望它关闭，以便我可以手动点击它，以便它将被扩展。

这是我点击它时div扩展的代码

$('.exp_collapsed').click(function(){
    $('.text_ads_expand_button_mer_info').slideToggle('slow');
});

.text_ads_expand_button_mer_info是我希望用户能够点击的文本，当他们这样做时会扩展。

我在jquery或css中更改了这个吗？

Answer 1

尝试：

＆＃13;

＆＃13;

$(document).ready(function(){
if($(window).width()>900){ // Window width > 900
 // Show .expand_me 
 $(".expand_me").fadeIn();
}
else{
// Hide .expand_me 
$(".expand_me").fadeOut();
}
});

＆＃13;

.expand_me{
min-width:25px;
 min-height:25px;
  background:#f00000;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class='expand_me'></div>

＆＃13;

＆＃13;

＆＃13;