Rolf,
try now to double post your messages.
not sure if this is the best way of going about it, but this is what I did:
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#control").bind("click", function(){leftwide()});
});
function
leftwide(){$("#left").animate({width:400});$("#right").animate({width:200});$("#control").unbind("click");$("#control").bind("click",
function(){rightwide()});}
function
rightwide(){$("#left").animate({width:200});$("#right").animate({width:400});$("#control").unbind("click");$("#control").bind("click",
function(){leftwide()});}
//-->
</script>
<div id="left" style="background:#000000; width:200px;
float:left;height:200px;"> </div>
<div id="control" style="background:#006699; width:20px; float:left;
height:200px;"> </div>
<div id="right" style="background:#FF0066; width:400px; float:left;
height:200px;"> </div>
Benjamin Sterling
KenzoMedia.com
KenzoHosting.com
rolfsf wrote:
>
> I'm not much of a javascripter, but I've been getting into JQuery
> lately...
>
> I'm wondering if there is there an existing JQuery solution for a
> sliding/draggable show/hide sidebar panel that scales to fit the various
> viewport heights? I posted a quick diagram of what I'm thinking of
> http://www.monkeypuzzle.net/testfiles/sliding_panel/sliding_panel.gif
> here. I want the panel to show or hide when the little arrow is clicked,
> and I want the user to be able to drag it open (or wider) or closed by
> grabbing the grippy edge. It's a common enough feature on desktop apps...
> just not sure how to implement it on a web app.
>
> Can this all be done with Interface Draggables and FX?
>
> Thanks in advance
> Rolf
>
--
View this message in context:
http://www.nabble.com/Newbie---how-to-build-a-sliding-draggable-panel-tf2961721.html#a8286665
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
