###解決したいこと
サイドバーの各ウィジェットにclickイベントをつけているのですが、slideDownメソッドで隠している時cssメソッドでborder-bottomで区切りをつけたいです。
試しに、
$('.widget').children('ul').slideUp().css('border-bottom':'1px dashed blue');
としても、クリック自体動作しなくなってしまいました。
border-bottomではなく、また別の方法で良い方法がありましたら教えてください。
###jQueryコード
<!--ウィジェットクリックイベント--> $(window).on('load resize',function(){ if($(window).width() <= 1000) { if(!$('.widget').hasClass('open')) { $('.widget').children('ul').slideUp(); $('.widget').addClass('open'); $('.open').on('click',function(){ $(this).children('ul').slideToggle(); }); } } else { if($('.widget').hasClass('open')) { $('.open').off('click'); $('.open').removeClass('open'); $('.widget').children('ul').slideDown(); } } });
###image
このようなウィジェットになっているので、各ウィジェットがわかりやすいように区切りとして線を入れたいのです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/29 08:57
2016/11/30 07:15