Home/ Questions/Q 9142531
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T09:48:14+00:00

Basically, I currently have a slide down menu that displays links when you click

  • 0

Basically, I currently have a slide down menu that displays links when you click the header.
I want this to change to a horizontal slide but my knowledge is currently only with HTML and CSS, in other words I’m not very good at jquery/javascript.

So yeh, here’s an example (Click CATEGORIES) http://newsunken.tumblr.com/
I would like it so that when you click categories the categories slide from the left to the right and display like “CATEGORIES TEES JUMPERS HEADWEAR”
Sorry for the noob question!

$('#box').click(function()
{ 
$(this).animate({
    width: '350px'
  }, 300, function() {
    // Animation complete.
  });
});

and

<div id="box" style="width:70px; height: 20px;overflow:hidden; border:1px solid black;">Categories Tees Jumpers Headwear Gift Vouchers</div>

here’s the best thing i could come up with but isnt as sleek as the one on newsunken.tumblr.com

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This script slides horizontally fine, just in case I am showing the whole page. Please, pay attention to the document.ready function

    <html>
<head>
<title>sliding</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
     $('#box').click(function()
    { 
        $(this).animate({width: '350px'}, 300, function() {
        // Animation complete.
        });
    });    
});
</script>
</head>
<body>
    <div id="box" style="width:70px; height: 20px;overflow:hidden; border:1px solid black;">Categories Tees Jumpers Headwear Gift Vouchers</div>
</body>
</html>
    • 0