В шапке подключены js:
<script src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
После jquery подключаю свой файл и пишу там:
$(".portfoliolist").ready(function(){
$(".portfolio, .card, .mix_all").css({"opacity":"0"});
});
Ожидаю что при загрузке страницы, этому блоку применится свойство и он скроется, но этого не происходит, и в консоле ошибок нет. Что я делаю не правильно.
Это код дива, который хочу скрыть при загрузке страницы:
<div class="portfolio card mix_all" data-cat="card">
<div class="portfolio-wrapper">
<a href="images/port-7.jpg" class="b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/port-7.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">Привет! я див который не получается скрыть.</h2>
</div>
</a>
</div>
</div>
$(".portfoliolist").ready
вводит в заблуждение, ибо на самом деле выполнится$(document).ready
, но в целом код работает: fiddle