BootstrapのTogglable TagにあるようなあるようなタグをjQueryで実装したいのですが、できずに困っています。。(押したら反応するところまではできたのですが、そこから【一回動作した後に、別タグ・あるいは前のタグを押した時に反応するように】したいです。
全く別のやり方でも試してみたいので、よろしくお願いします。
下記のIndiegogoにある「Top pick for you 」からはじまるタグが理想ですね!
https://www.indiegogo.com/#
html
1 <nav class='global-nav'> 2 <ul class='nav-index'> 3 <li><a class='nav-category'>BLUE</a></li> 4 <li><a class='nav-category'>RED</a></li> 5 <li><a class='nav-category'>BLACK</a></li> 6 <li><a class='nav-category'>YELLOW</a></li> 7 <li><a class='nav-category'>GREEN</a></li> 8 <li><a class='nav-category'>WHITE</a></li> 9 </ul> 10 </nav> 11 12 <div id ='red'> 13 </div> 14 15 <div id='blue'> 16 </div>
jQuery
1 $(document).ready(function() { 2 console.log( "ready!" ); 3 $('.nav-category').click(function (e) { 4 //$('#blue').hide(50, function(){ 5 //$('#red').show(300); 6 //}); 7 $('#blue').animate({ 8 opacity: 0 9 }, 200, function(){ 10 $('#blue').css('display', 'none'); 11 $('#red').css('display', 'block'); 12 $('#red').animate({ 13 opacity: 1 14 }, 300); 15 }); 16 }) 17 });
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/03/28 20:24